본문 바로가기

onclick2

[javascript] <input type ="checkbox">의 checked 확인 / checkbox 전체 선택 / 전체 선택 취소 / 부분 선택 / getElementsByName() / onclick() 아래와 같은 체크 박스와 버튼이 있습니다. 전체코드는 아래와 같습니다. 사과 수박 딸기 축구 야구 배구 우선 어떻게 동작하는지 보겠습니다. 박스 체크 확인 버튼을 누른 후 사과, 수박, 딸기 중 체크가 되어있지 않는 박스에 체크되지 않았다고 경고창( alert)을 뛰웁니다. * 버튼 누르기 전 * 버튼 누르기 후 // getElementById를 통해 접근 후 onclick 이벤트 관련 함수 정의 document.getElementById( "matchBtn" ).onclick = function() { let fruitCheckBtn = document.getElementsByName('1row'); // for문을 통해 1 ~ 3 체크박스의 checked를 확인 // checked 상태라면 conso.. 2022. 9. 23.
[Javascript] input 태그 / onclick / parseInt / 계산기 기초 / 두 수의 합 구하기 로그인을 위해서 아이디/비밀번호를 입력할 때나 회원가입을 하기 위해서 개인정보를 입력할 때 블로그나 게시판에 글을 작성하거나, 파일을 전송할 때 사용하는 form 태그에 대해서 알아보았습니다. [HTML] form / 서버 / 클라이언트 / GET과 POST의 차이에 대해서 / method: get / method: post 폼 (form) 로그인을 위해서 아이디/비밀번호를 입력할 때나 회원가입을 하기 위해서 개인정보를 입력할 때 블로그나 게시판에 글을 작성하거나, 파일을 전송할 때 폼을 이용해서 서버에 전송합니 starting-coding.tistory.com 두 수를 입력받아 더하기를 해주는 화면을 구현했다고 가정해봅시다. 핵심 소스 코드는 다음과 같습니다. + = 소스 코드 중 onclick = ".. 2022. 9. 22.