전체 글(169)
-
JavaScript 입문과 웹 UI개발(25)-array, for 반복문 실력향상 과제
1번 문제 array에서 이름을 찾아주는 함수를 만들고 있습니다. 함수 안에 파라미터로 이름을 집어넣으면 그 이름이 출석부에 있으면 콘솔창에 출력해주는 함수를 만들어봅시다. 어떻게 만들면 될까요? 2번 문제 철수는 구구단을 외우지 못하는 관계로 자바스크립트를 이용해 구구단을 2단부터 9단까지 콘솔창에 출력하고 싶어졌습니다. 빨리 출력해보십시오. 콘솔창 출력결과 : 2 4 6 8 ... 18 3 6 9 12 ... 27 이렇게 2단부터 9단까지의 곱셈 결과부분만 쭉 출력해보면 됩니다. 3번문제 평균점수 계산기 만들기 어떤 함수에 기존 모의고사 성적들을 array 자료에 전부 담아 첫 파라미터로 입력하고 이번 11월 모의고사 성적을 둘 째 파라미터로 입력하면 11월 성적이 기존 성적들의 평균에 비해 얼마나 ..
2022.10.09 -
JavaScript 입문과 웹 UI개발(24)- forEach, for in 반복문
index.html 상품명/ 가격 Products Information Shipping 상품설명입니다. Product 스펙설명입니다. Information 배송정보입니다. Shipping 상품선택 모자 셔츠 바지 95 100 105 방가방가
2022.10.09 -
JavaScript 입문과 웹 UI개발(23)-자바스크립트로 html 생성하는 법
상품명/ 가격 Products Information Shipping 상품설명입니다. Product 스펙설명입니다. Information 배송정보입니다. Shipping 상품선택 모자 셔츠 바지 95 100 105 방가방가
2022.10.08 -
JavaScript 입문과 웹 UI개발(22)- Select 인풋 다루기
detai.html 상품명/ 가격 Products Information Shipping 상품설명입니다. Product 스펙설명입니다. Information 배송정보입니다. Shipping 상품선택 모자 셔츠 95 100 105 tab.js function openTab(aa){ $('.tab-button').removeClass('orange'); $('.tab-content').removeClass('show'); //버튼 클릭시 해당 버튼 오랜지 색으로 $('.tab-button').eq(aa).addClass('orange'); //버튼 클릭시 해당 내용이 나오도록 함 $('.tab-content').eq(aa).addClass('show'); } $('.list').click(function(e)..
2022.10.08 -
JavaScript 입문과 웹 UI개발(21)-약간 복잡한 Array & Object 데이터바인딩
Card title 가격 : 70000 주문하기 Card title 가격 : 70000 주문하기 Card title 가격 : 70000 주문하기
2022.10.08 -
JavaScript 입문과 웹 UI개발(20)-dataset을 이용한 tab 기능
index.html Products Information Shipping 상품설명입니다. Product 스펙설명입니다. Information 배송정보입니다. Shipping tab.js // 버튼 누르면 // -모든 버튼에 붙은 orange 클래스명 제거 // -버튼 0에 orange 클래스명 추가 // - div에 클래스명 추가 // -모든 div에 붙은 show 클래스명 제거 //버튼 클릭시 이벤트 처리 함수=============== // 선택자에 해당하는게 여러게 있으면 eq()로 해당 index를 선택할 수 있다. //1. 첫번째 방법 // for(let i=0; i< $('.tab-button').length; i++){ //var i로 선언하면 안된다. var은 변수 범위가 function이..
2022.10.07