뇌는 놔두면 썩으므로
10년전의 나를 돌아보는 마음으로
남이 볼때는 보잘것 없어도 나름 삽질해서 배운 지식들 안 잃어버리게 간단한 웹사이트를 만들고 있다.

기왕 만드는거 순수 js로만 만들어 보자 싶었음.

react? vue? 그런건 계집이나 어린아이가 쓰는 것.
상남자라면 바닐라지.
"프레임워크 쓰면 게이"라는 오만한 생각으로 시작함.

그리고 만들다가 뭔 시발 라디오 버튼 토글 기능 하나 순수 js로 구현하는데 개좆토나오는줄 알았다. 

이게 무슨 쌉소리인가 할텐데

내가 구현 하려고 했던 기능은 아주 간단하다.

<input type="radio" name="group_btn" id="sex1"><label for="sex1">섹</label>
<input type="radio" name="group_btn" id="sex2"><label for="sex2">스</label>
<input type="radio" name="group_btn" id="sex3"><label for="sex3">킹</label>

섹 스 킹

대충 이런 라디오 버튼들이 있다 치면 

라디오 버튼 눌렀던거(checked) 다시 클릭하면 체크 해제 되는 아주아주 기본적이고 간단한 기능임

아 그럼 대충 아래와 같이 간단하게 짜면 되겠구나.

document.querySelectorAll('input[type="radio"]').forEach(function(radio) {
  radio.addEventListener('click', function() {
    if (this.checked) {

      console.log('체크해제');
      this.checked = false;
    } else {
      console.log('체크');
      this.checked = true;
    }
  });
});

ㅇㅇ 안되

이게 뭔 시벌 개소리냐 이게 왜 안되냐.
시발 나도 모름 안됨.

콘솔 로그 찍어보면 무조건 버튼 클릭시 라디오버튼.checked의 값이 true만 나온다 
chatgpt 깡통대가리년은 헛소리만 하고 왜 안되는지 모름

결국 스택오버플로우에서 답을 찾아냄

https://stackoverflow.com/a/54382781


라디오 토글 구현한 js 코드 : https://codepen.io/RiverRockMedical/pen/VgvdrY

소스를 보자마자 랄부가 탁 처지면서 이마가 지끈거리더라.

이런 예 말고도 커밍아웃 마려운 별 병신같은 문제 많더라.

역시 사람은 주제를 알아야된다고
만약 다음에 사이트 만들일이 있으면 
분수에 맞게 온갖 라이브러리와 프레임워크 떡칠해서 퀴어축제를 열어야 겠다.