javascript - 初学者 JavaScript - 结果未发布在结果框中

标签 javascript

嘿,我刚刚开始 JavaScript 编程,我不明白为什么我的程序没有“做数学”。当我在框中输入数字时,它不会在底部的结果框中给出结果。我不确定是否需要将脚本分成多个计算或保持原样。这是我第一个使用 javascript 的项目,我不确定我是否错过了一些东西。任何帮助将不胜感激。

<!DOCTYPE html>
<html>
<head>
    <title>Javascript Financial Formulas</title>

    <script type="text/javascript">
    function calculateLoan(){
    
    var Profit = parseFloat(document.getElementID("Profit").value);
    var AverageNumberOfShares = parseInt(document.getElementById("AverageNumberOfShares").value);    
    var PricePerShare = parseFloat(document.getElementById("PricePerShare").value);
    var TotalAssets = parseFloat(document.getElementID("TotalAssets").value);
    var IntangibleAssets = parseFloat(document.getElementID("IntangibleAssets").value);
    var Liabilities = parseFloat(document.getElementID("Liabilities").value);
    var PricePerShare = parseFloat(document.getElementID("PricePerShare").value);
    var EarningsPerShare = parseFloat(document.getElementID("EarningsPerShare").value);
    var PERatio = parseFloat(document.getElementID("PERatio").value);
    var PercentExpectedGrowth = parseFloat(document.getElementID("PercentExpectedGrowth").value);
    
    
    var EarningsPerShare;
    var PriceToBook;
    var PERatio;
    var PriceToEarningsGrowth;


    EarningsPerShare = Profit / AverageNumberOfShares;
    PriceToBook = PricePerShare / (TotalAssets - (IntangibleAssets + Liabilities));
    PERatio = PricePerShare / EarningsPerShare;
    PriceToEarningsGrowth = PERatio / PercentExpectedGrowth;


    document.getElementById("EarningsPerShare").value = EarningsPerShare;
    document.getElementById("PriceToBook").value = PriceToBook;
    document.getElementById("PERatio").value = PERatio;
    document.getElementById("PriceToEarningsGrowth").value = PriceToEarningsGrowth;

    }
    </script>

</head>
<body>
    <h1>Javascript Financial Formulas</h1>
    <p>To use, please input financial information and press calculate<p>
        <form name="Financial Formulas">
        <p>Earnings per share:<p>
        Profit:
        <input type = "text" id="Profit" name="Profit" value="" /><br />
        Average number of shares:
        <input type = "text" id="AverageNumberOfShares" name="AverageNumberOfShares" value="" /><br />
        
        <p>Price to Book:<p>
        Price per share:
        <input type = "text" id="PricePerShare" name="PricePerShare" value="" /><br />
        Total Assets:
        <input type = "text" id="TotalAssets" name="TotalAssets" value="" /><br />
        Intangible Assets:
        <input type = "text" id="IntangibleAssets" name="IntangibleAssets" value="" /><br />
        Liabilities:
        <input type = "text" id="Liabilities" name="Liabilities" value="" /><br />

        <p>PE Ratio:<p>
        Price per share:
        <input type = "text" id="PricePerShare" name="PricePerShare" value="" /><br />
        Earnings per share:
        <input type = "text" id="EarningsPerShare" name="EarningsPerShare" value="" /><br />

        <p>Price to Earnings Growth:<p>
        PE Ratio:
        <input type = "text" id="PERatio" name="PERatio" value="" /><br />
        Percent Expected Growth:
        <input type = "text" id="PercentExpectedGrowth" name="PercentExpectedGrowth" value="" /><br />


        <input type = "button" id="calculate" name="Calculate" value="Calculate" onclick="calculateLoan();" /> 

        <input type = "reset" id="Reset" name="Reset" value="Reset" /><br />


            <br>
        Earnings per share:
        <input type = "text" id="EarningsPerShare" name="EarningsPerShare:" value="" /><br />
        Price to Book:
        <input type = "text" id="PriceToBook" name="PriceToBook:" value="" /><br />
        PE Ratio:
        <input type = "text" id="PERatio" name="PERatio:" value="" /><br />
        Price to Earnings Growth:
        <input type = "text" id="PriceToEarningsGrowth" name="PriceToEarningsGrowth:" value="" /><br />

        </form>

    </body>
    </html>

最佳答案

如果这是您的第一个 JavaScript 程序,您会很高兴知道浏览器中有控制台输出。只需按 F12,您就会看到打印的错误信息。 :)

就您而言,错误与 getElementById 有关,您错误地拼写了 getElementId

错误说:

Uncaught TypeError: document.getElementID is not a function

关于javascript - 初学者 JavaScript - 结果未发布在结果框中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50900288/

相关文章:

javascript - 谷歌驱动器 : access webContentLink through javascript

javascript - 如何在 JavaScript 中操作表单字段值

javascript - Knockout.js 语法

javascript - 在 React 中没有在函数内部获取 ref

javascript - Vue : How to remove object from array by it's value?

javascript - ng-model 正在将 JavaScript 对象属性设置为数组

javascript - 为什么{键:value} ["key"] doesn't work?

javascript - 多个 CSS 动画对齐问题

javascript - Stripe 付款分为分期付款

javascript - 范围错误: Maximum call stack size exceeded - Google Maps Api