안녕하세요 오늘은 html 을 발로 코딩 해보았습니다.
역시 실력은 고급 기술은 바라시면 안됩니다 !
이런식이다 라는 맛보기만을 보시고 아 ! html은 이런것들이 구현 가능하구나 하시고 넘어가면 됩니다. 요즘 대세는 자바로 만들어서 기능을 숨기고 화면에만 html로 보여지게 한다라는것만 기억하시고 소스코드만 유심히 보시고 반복학습 하시면 html계산기 는 발코딩으로 뚝딱하실듯 합니당^^
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script>
window.addEventListener("load",function(){
var btn = document.querySelector("#btn");
btn.addEventListener("click",function(){
var x = document.querySelector("#x").value;
var y = document.querySelector("#y").value;
var oper = document.querySelector("#oper").value;
var temp = 0;
if(oper=="+"){
temp = x+y;
}else if(oper=="-"){
temp = x-y;
}else if(oper=="*"){
temp = x*y;
}else if(oper=="/"){
temp = x/y;
}
document.querySelector("#result").value = temp;
});
});
</script>
</head>
<body>
<input type="text" id="x">
<select id="oper">
<option value="+" class="s">+</option>
<option value="-" class="s">-</option>
<option value="*" class="s">*</option>
<option value="/" class="s">/</option>
</select>
<input type="text" id="y">
<input type="button" id="btn" value="합계">
<input type="text" id="result">
</body>
</html>
이 코드에서는 결정적인 에러가 있습니다.! 찾아내신다면 당신은 벌써 발코딩을 벚어 났습니다.
감사합니다.