1
저는 기본 계산기를 만들고 있는데, 사용자 계산의 각 결과를 div 기록에 표시하려고합니다. 문제는 계산이 끝날 때마다 결과가 사라지기 전에 몇 초 동안 기록 아래에 나타나는 것입니다.div 출력 태그로의 JS 출력이 사라졌습니다.
function sum() {
getNumbers();
var sum = input1 + input2;
alert(sum);
document.getElementById("History").innerHTML += sum;
}
그리고 필요한 경우 내 전체 HTML/JS 코드 : 내가 사용하고있는 기능은 다음과 같습니다
var input1, input2
function getNumbers() {
input1 = Number(document.getElementById("imp1").value);
input2 = Number(document.getElementById("imp2").value);
}
function sum() {
\t getNumbers();
\t var sum = input1 + input2;
\t alert(sum);
\t document.getElementById("History").innerHTML += "<br>" + sum;
}
function diff() {
\t getNumbers();
\t var diff = input1 - input2;
\t alert(diff);
\t document.getElementById("History").innerHTML += "<br>" + diff;
}
function prod() {
\t getNumbers();
\t var prod = input1 * input2;
\t alert(prod);
\t document.getElementById("History").innerHTML += "<br>" + prod;
}
function quot() {
\t getNumbers();
\t var quot = input1/input2;
\t alert(quot);
\t document.getElementById("History").innerHTML += "<br>" + quot;
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Calculator</title>
<link rel ="stylesheet" href="calculator.css" />
<script src ="calculator.js"></script>
<div id="calc">
\t <form name="calc_input">
\t <input type="text" id="imp1" />
\t <input type="text" id="imp2" />
\t <!-- buttons -->
\t <button onclick="sum()" id="add" value="sum">Add</button>
\t <button onclick="diff()" id="subtract" value="diff">Subtract</button>
\t <button onclick="prod()" id="multiply" value="prod">Multiply</button>
\t <button onclick="quot()" id="divide" value="quot">Divide</button>
\t </form>
</div>
<div id="History">
<p>
History:
</p>
</div>
</head>
</html>
body 태그 대신 머리 속에 전체 코드가 있습니다 – user93
나는 프로그램이 실제로 코드 스 니퍼에서 작동하지만 브라우저에서는 작동하지 않는다는 것을 깨달았습니다. 내가 놓친 게 있니? – zach274
스 니퍼에 코드를 붙여 넣기 때문에 snipper가 전체 코드를 body 태그에 넣습니다. 하지만 코드를 머리 태그에 넣으면됩니다. – ErTR