我正在寻找一种方法来调用javascript变量"o"；在html计算器的主体中。我不明白为什么这不起作用。请帮忙，谢谢！
function calc() {
var i = document.getElementById("input").value;
var p = document.getElementById("percent").value;
var o = (i / 100) * p;
}
function GetTotal() {
document.getElementById('answer').style.display = "block";
}<form action="javascript:calc()">
Input: <input type="text" id="input" /><br />
Percent: <input type="text" id="percent" value="10" />%<br />
<input type="button" style="color:#000;" name="Get Total" value="Get Total" onclick="GetTotal()" />
<div id="answer" style="display:none;"> Total:
<script type="text/javascript">
document.write(o) </script>
</div>
</form>Esme，
您的document.write(o(代码段在页面加载后立即执行。并且没有定义时间"o"变量。单击按钮后，可以使div可见，但不更新结果。这里有一个可能的建议来解决你的问题：
<html>
<head>
<title>HTML Calculator</title>
<script type="text/javascript">
function calc() {
var i = document.getElementById("input").value;
var p = document.getElementById("percent").value;
return (i/100) * p;
}
function GetTotal() {
document.getElementById('answer').style.display = "block";
document.getElementById('answer_value').innerText = calc();
}
</script>
</head>
<body>
<form>
Input: <input type="text" id="input"/><br />
Percent: <input type="text" id="percent" value="10"/>%<br />
<input type="button" style="color:#000;" name="Get Total" value="Get Total" onclick="GetTotal()" />
<div id="answer" style="display:none;"> Total: <span id="answer_value"></span> </div>
</form>
</body>
</html>