我已经在头部定义了calculateChange()函数,但是我收到一个错误消息,说它在按钮输入中的onclick上未定义,我该怎么办?
<script type="text/javascript">
initalP=parseFloat(document.getElementById('pennies').value);
quarters=Math.floor(initalP/25);
dimes=Math.floor((initalP%25)/10);
nickels=Math.floor(((initalP/25)%10)/5);
pennies=(initalP - quarters - dimes - nickels);
total=(quarters + dimes + nickels + pennies);
function calculateChange()
{
document.getElementById('outPut').innerHTML=
<ul>
<li>'The total number of coins is ' + total + '.'</li>
<li> + quarters + ' Qaurters' +</li>
<li> + dimes + ' Dimes' +</li>
<li> + nickels + ' Nickels' +</li>
<li> + pennies + ' Pennies' +</li>
</ul>;
}
</script>
<input type="button" value="click me for change" onclick="calculateChange();">
<div id="outPut"></div>
我希望显示的数学方程式答案将显示在输出div中,但是当我单击按钮时什么也没有发生。
答案 0 :(得分:0)
您只能将字符串值传递给innerHTML属性。通过修复它,您的功能应该可以运行。
document.getElementById('outPut').innerHTML= "<ul><li>'The total number of coins is ' + total + '.'</li><li> + quarters + ' Qaurters' +</li><li> + dimes + ' Dimes' +</li><li> + nickels + ' Nickels' +</li><li> + pennies + ' Pennies' +</li></ul>";