내장객체
1. document.getElementById("id값"): id에 해당하는 요소를 픽!
2.div 요소.innerHTML: 요소 안에 태그 및 값을 기입한다.
🔹parseInt("1.11"): '소수점 버림'
🔹parseInt("82t49"):'정수82 뒤에 다 버림'
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var n1;
var n2;
var obj;
// *** 입력 값 받으면 '전역 변수' n1, n2 로 업데이트 ***
function setData()
{
n1 = document.getElementById("num1").value;
n2 = document.getElementById("num2").value;
obj = document.getElementById("result")
}
function plus()
{
//document.getElementById("su1").type "input의 type"
setData();
var sum = n1+n2;
obj.innerHTML = "<h2>" + n1 + "+" + n2 + "=" + sum + "</h2>";
}
var minus = function()
{
setData();
var min = n1-n2;
obj.innerHTML = obj.innerHTML + "<h2>" + n1 + "-" + n2 + "=" + min + "</h2>";
}
var multi = () => {
setData();
var mul = n1*n2;
obj.innerHTML = obj.innerHTML + "<h2>" + n1 + "*" + n2 + "=" + mul +"</h2>";
}
function divide()
{
setData();
var div = parseInt(n1/n2);
obj.innerHTML = obj.innerHTML + "<h2>" + n1 + "/" + n2 + "=" + div +"</h2>";
}
</script>
</head>
<body>
수1 : <input type="text" id="num1" /> +
수2 : <input type="text" id="num2" />
<input type="button" value="확인" onclick="divide()" />
<hr />
<div id="result">
</div>
</body>
</html>
풀스택eDot