JS/JS 예시 20

[JS] Map 예제 : 과목, 점수를 map에 저장하고 합계,평균 등 출력

과목 : 점수 : 추가버튼 출력버튼 결과버튼 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  1. 버튼마다 하나씩 프린트하도록 설정하는 경우  DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Map 예제title>            추가버튼 : map에 추가        출력버튼 : map을 출력..

JS/JS 예시 2023.04.18

[JS] Count버튼 만들기 (더하기버튼누르면 +1/ 뺴기버튼누르면 -1)

HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> Count 만들기 더하기 빼기 리셋 let num = 0; let str = " "; document.getElementById('plus').addEventListener('click',()=>{ if(num > 99){ alert(`최대수량입니다. 현재 수량: ${num}`); } else { num++; str = `현재수량: ${num}` } document.getElementById('print').innerText=str; }) document.getElementById('miu').addEventListener('click',()=>{ if(num < 1){ alert(`최소수량입니다. 현재 수량: ${num}`); } else..

JS/JS 예시 2023.04.18

[JS] 배수 출력 (1~100까지 중 입력한 숫자의 배수)

HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> 배수 출력 배수 출력하기 (1~100까지 중 입력한 숫자의 배수) 배수 출력 //출력 document.getElementById('btn').addEventListener('click', ()=>{ let number = Number(document.getElementById('number').value); // 가져오는 값을 무조건 클릭 문 안에 있어야 가져오기 가능! calc(number); }); // 배수처리 function calc(number){ let print=" "; // 한칸을 띄어주는 건, 문자만 있다는 것이 아님을 주는 것 let cnt=0; for(let i=1; i

JS/JS 예시 2023.04.17

[JS] Object 생성하고 출력해보기

// 객체 생성 : 좋아하는 뮤지션(가수)의 플레이 리스트 3곡 // 이름, 나이, 플레이리스트(객체로), 함수(플레이리스트의 곡3개 출력함수) const singer = { name : '헤이즈', age : 31, playlist : { list1 : '널 너무 모르고', list2 : '저 별', list3 : '첫눈에' }, into : function(){ console.log(`${singer.name}의 노래 : 1.${singer.playlist.list1}, 2.${singer.playlist.list2}, 3.${singer.playlist.list3}`); return `노래: ${this.playlist.list1}, ${this.playlist.list2}, ${this.playl..

JS/JS 예시 2023.04.12