728x90 반응형 FOR문3 [JS] forEach, for in 반복문 var pants = [28, 30, 32]; $('.form-select').eq(0).on('input', function(){ var value = $('.form-select').eq(0).val(); if (value == '셔츠') { $('.form-select').eq(1).removeClass('form-hide'); } else if (value == '바지'){ $('.form-select').eq(1).removeClass('form-hide'); $('.form-select').eq(1).html(''); for (let i = 0; i < pants.length; i++){ 생성해주세요~ } } 팬츠의 개수만큼 반복 다음과 같은 for문 코드 사용하지 않고 반복하는 방법 forE.. 2024. 4. 2. [JS] for문 관련 메모 (2) for 반복문 for (횟수){ 복붙할 코드 } 3회 반복 // 횟수 3회 반복 for (var i = 0; i < 3; i++) { console.log("안녕"); } // i를 0부터 시작해서 / i에 1씩 더해가면서 복붙해라 / 근데 i < 3 까지 0, 1, 2 이렇게 3회 반복 3 - 0 = 3 으로 계산해도 됨. 3 되기 전에 끝내기 for 반복문으로 탭기능 코드 줄여보기 $(".tab-button") .eq(0) .on("click", function () { $(".tab-button").removeClass("orange"); $(".tab-button").eq(0).addClass("orange"); $("tab-content").removeClass("show"); $("tab-co.. 2024. 3. 31. [JS] for문 관련 메모 (1) 준비물 HTML Products Information Shipping 상품설명입니다. Product 스펙설명입니다. Information 배송정보입니다. Shipping CSS .navbar { position: fixed; width: 100%; z-index: 5; } .navbar-brand { font-size: 30px; transition: all 1s; } /* detail.html */ ul.list { list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #ccc; } ul.list::after { content: ""; display: block; clear: both; } .tab-button { display:.. 2024. 3. 31. 이전 1 다음 728x90 반응형
