JS 6

[국비] 배열 및 반복문(for)과 이벤트 위임 결합_삭제 버튼

[문제2]- 상위 체크박스 누를 시, 전체 선택 및 해제가 가능하게 구현- 체크박스 5개중 1개 해제시, 전체 선택 해제 구현- 체크한 것만 삭제할 수 있도록 구현    script>        const checkAll = document.getElementById("checkAll");        const c1 = document.getElementsByClassName("c1");        const btn = document.getElementById("btn");                          btn.addEventListener("click", function(){                let ar = [];                                ..

JS/[문제해결] 2024.05.26

[국비][문제] 버튼 생성 및 이벤트 위임 구현

[문제1]- div id="result" 사이에 div와 button 태그를 생성- 스크립트를 완성하세요body>    div id="result">            div>      button>CLICKbutton>    button title="btn1">BTN1button>    button title="btn2">BTN2button>    button title="btn3">BTN3button>    script>    script>body> [코드 완성 예시]더보기    script>        const clicker = document.getElementById("clicker");        clicker.addEventListener("click", function() {    ..

JS/[문제] 2024.05.26

[국비] 배열 및 반복문(for문)_체크 박스 동기화

[문제 1] - 맨 첫번째 체크 박스를 클릭하면 나머지 박스들이 모두 선택되고,  맨 첫번째 체크 박스를 해제하면 나머지 박스들이 모두 해제되게 구현 - 모두 체크된 상태에서 한 가지 체크 박스를 해제하면 맨 첫번째 체크 박스 클릭이 해제되고,  체크가 없는 상태에서 모든 체크 박스를 선택하면 맨 첫번째 체크 박스 클릭이 되도록 구현script>        const checkAll = document.getElementById("checkAll");        const box = document.getElementsByClassName("box");        //첫번째 외 체크박스 선택시 첫번째 체크박스 선택 && 외 선택 해제시 첫번쨰 체크박스 해제        for(let i=0; i  ..

JS/[문제해결] 2024.05.25

[국비] for문 활용_문자열 누적

[문제 1] - text 박스안에 출력할 list 개수 입력- 클릭시 list 개수 출력- 스크립트를 완성하세요body>    input id="input" type="text">    button onclick="addTxt()">CLICKbutton>    div>        ul id="ul">                    ul>    div>    script>        const input = document.getElementById("input");        const ul = document.getElementById("ul");        function addTxt() {            let sth = input.value;            let result..

JS/[문제해결] 2024.05.25

[국비][문제] 타이머 설정, 이미지 슬라이더, 숫자 증감 및 음수 방지, 문자열 누적, 체크 박스 동기화 문제

[문제 1]- prompt에 '분', '초'를 입력받아서 원하는 시간까지 돌릴 수 있도록 설정한다.- 만약 값을 나가지 않는다면 59분 59초를 Max로 한다.- script를 완성하세요    script>        let minutes = 59;        let seconds = 59;        let myMinutes = prompt("분을 입력하세요") * 1;        let mySeconds = prompt("초를 입력하세요") * 1;     script> [코드 완성 예시]더보기body>    script>        let minutes = 59;        let seconds = 59;        let myMinutes = prompt("분을 입력하세요") * 1;..

JS/[문제] 2024.05.22

[국비] 조건문(if/else if) 및 반복문(for)문 활용_prompt 연산자, 분/초 출력

'JS'에서 Prompt로 받으면 String으로 받아진다. ∴ 어떤 종류의 데이터가 입력될지 확정할 수 없기 때문에 일관성을 유지하기 위해 입력값을 문자열로 받는다.1. javascript는 동적언어2. 변수의 데이터 타입을 런타임(runtime) 시에 결정됨 (JS는 코드가 실행될 때 데이터타입이 정해짐)>> 따라서 prompt 문자를 숫자로 변환하고 싶을경우 parseInt() 및 *1을 사용  [문제1]- prompt에 num1과 num2를 입력받고, 연산자 sth을 입력받아서 계산하자.  ※ 참고로 prompt는 string type만 받을 수 있다.DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport"..

JS/[문제해결] 2024.05.20