如何解决“未捕获的参考错误”?

时间:2019-03-29 01:02:40

标签: javascript html function undefined

我已经在头部定义了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中,但是当我单击按钮时什么也没有发生。

1 个答案:

答案 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>";