<!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>Document</title>
</head>
<body>
<script>
// 1. 랜덤한 수를 뽑아준다.
let ranNum = parseInt(Math.random()*100)+1
console.log(ranNum)
while(true){
// 2. 사용자에게 숫자를 입력받아준다.
let num = Number(prompt('숫자를 입력해주세요!'))
if(num>ranNum){
// 3. 숫자 > 랜덤 => '입력한 숫자보다 작은 수 입니다.'
alert('입력한 숫자보다 작은 수 입니다.')
}else if(num<ranNum){
// 숫자 < 랜덤 => '입력한 숫자보다 큰 수입니다.'
alert('입력한 숫자보다 큰 수입니다.')
}else{
// 숫자 = 랜덤 => '정답입니다! 축하합니다!'
alert('정답입니다! 축하합니다!')
break;
}
}
</script>
</body>
</html>
ex08 방식
<!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>Document</title>
<script src="./ex09외부.js"></script>
</head>
<body>
<!-- 내부방식 : head 혹은 body 영역에 script 태그 안에 작성-->
<script>
console.log('helloworld')
</script>
<!-- 인라인 방식 : 태그에 직접 기능을 넣어줄 때 사용-->
<button onmouseenter="alert('마우스 올림')">인라인</button>
<button onclick="ck()">외부</button>
</body>
</html>
function ck(){
alert('click!!')
}
ex09 배열
<!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>Document</title>
</head>
<body>
<script>
// 1. 배열의 선언
// let numList = [];
// let numList2 = new Array(5);
// 5개로 선언했어도 초과가 가능하다 -> 공간 동적, 가변적
// 2. 배열의 생성
let numList = [1, 2, 3];
let numList2 = new Array(1,2,3,4);
// new Array의 특징 : 하나 적으면 갯수이고 여러개 적으면 각 인덱스에 맞는 값임
console.log(numList)
console.log(numList2)
//3. 데이터 저장하기
//**** 반드시 ! 배열을 선언한 후에 접근할 것
// 인덱스로 접근할 때 0부터 시작할 것
let numList3 = [];
numList3[0] = 1
numList3[3] = '가나다'
console.log(numList3.length)
//4. 데이터 접근
console.log(numList3[0])
for(let i = 0; i<=numList3.length; i++){
console.log(numList3[i])
}
</script>
</body>
</html>
ex10 배열함수
<!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>Document</title>
</head>
<body>
<script>
// 배열함수
let list = [];
// 1. 배열의 맨 마지막 인덱스에 데이터 넣기 : push()
list.push(3);
list.push('홍지희')
console.log('push : '+list)
// 2. 배열의 맨 마지막 인덱스에 데이터 삭제 : pop()
list.pop()
console.log('pop : '+list)
// 3. 배열의 맨 앞 인덱스에 데이터 넣기 : unshift()
list.unshift('김운비')
console.log('unshift : ' + list)
// 4. 배열의 맨 앞 인덱스에 데이터 삭제 : shift()
list.shift()
console.log('shift : '+list)
// 5. 원하는 위치에 데이터 추가, 삭제 : splice
// (1) 추가(원하는인덱스,0,추가할 데이터)
list.splice(1,0,'hi','bye')
console.log('splice로 추가 : '+list)
// (2) 삭제(원하는인덱스, 삭제할 개수)
list.splice(1,1)
</script>
</body>
</html>
