오늘은 상대적으로 쉬운(?) 프로그램을 작성해보았다. 최근에 파이썬 방과후를 많이하는 덕분인지(?)는 몰라도 함수속 연산 속도 이해가 빨라진것 같다.
오늘 새로배운태그 : addEventListener("change",function(event){console.log(event.data) })
복습 한 태그 : addEventListener("input",function(event){console.log(event.value) }), 
text1.innerHTML
<!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>
<style>
.change {
display: inline-block;
border: 3px solid black;
height: 30px; width: 100px;
margin-top: 10px;
}
</style>
</head>
<body>
<h1>단위 변환</h1>
<h3>cm을 선택한 단위로 변환합니다</h3>
<label for=""><input type="text" class="cm">cm</label>
<p>변환 변환 변환 변환 변환 변환 변환 변환</p>
<div class="change"></div>
<select name="" id="">
<option value="m">m</option>
<option value="mm">mm</option>
<option value="inch">inch</option>
<option value="gura">gura</option>
</select>
<script>
let input = document.querySelector(".cm")
let change = document.querySelector(".change")
i = 0
let text1 = document.querySelector(".change")
let 셀렉 = document.querySelector("select")
셀렉.addEventListener("change",function(event){
if (셀렉.value == "m"){
m = input.value / 100
console.log(m)
text1.innerHTML = m + 셀렉.value
}
else if (셀렉.value == "mm"){
mm = input.value * 10
text1.innerHTML = mm + 셀렉.value
}
else if (셀렉.value == "inch"){
inch = input.value / 2.5
text1.innerHTML = inch + 셀렉.value
}
else {
alert("?????????????????????????????")
while(i <= 99999) {
document.write("뭘 누른거야?")
document.write("세상에")
i = i + 1;
}
}
})
</script>
</body>
</html>
꿈꾸는 개발자