使用文本框計算數字

Question

我一直在嘗試使用用戶在文本框中給出的數字來計算數字。 我一直在嘗試使用以下代碼。 但是當我嘗試測試時，沒有任何反應。 有什么我想念的嗎？ 有沒有辦法讓印記變量全局化？

     <form>
        <p>How many products do you want
            ingraved?<input id="imprint_amount" name="imprint_amount" type="text"/>
        </p>
        <p>Names to be Imprinted(one per
            line)<TEXTAREA COLS=25 NAME="imprint_text" ROWS=5 WRAP=HARD style="resize:none;"></textarea>
        </p>
         <input onclick="imprint_price" type="button" value="Finish"/>
        <p id="total_cost"></p>
    </form>
    <script type="text/javascript">

        function imprint_price() {
            var imprint_cost,
                imprint_quality,
                imprint_total;
            imprint_cost = 10.99;
            imprint_quantity = document.getElementById('imprint_amount');
            imprint_total = $imprint_cost * parseInt(imprint_quantity, 10);
            document.getElementById('total_cost') = "$" + imprint_total;

        }

謝謝，Traci

Answer 1

您將需要使用您在變量中引用的輸入元素的value屬性：

… parseInt(imprint_quantity.value, 10);

對於任意HTML元素，您需要使用textContent （或innerText來支持舊IE）：

document.getElementById('total_cost').textContent = …;

像你一樣分配給表達式應該拋出一個非常准確的異常，檢查瀏覽器的錯誤控制台。

Answer 2

在這一行中，您需要設置元素的innerHTML 。

document.getElementById('total_cost').innerHTML = "$" + imprint_total;

這基本上將<p></p>內的文本設置為<p>$x.xx</p> 。

這條線也應該是

imprint_quantity = document.getElementById('imprint_amount').value;

它從文本框中檢索值。

此外，在定義變量時，您寫了“質量”。 它應該是

imprint_quantity,

Answer 3

將您的javascript更改為：

<script type="text/javascript">

    function imprint_price() {
        var imprint_cost,
            imprint_quantity,
            imprint_total;
        imprint_cost = 10.99;
        imprint_quantity = document.getElementById('imprint_amount').value;
        imprint_total = imprint_cost * parseInt(imprint_quantity, 10);
        document.getElementById('total_cost').innerHTML = imprint_total;
    }
</script>

在這里工作jsFiddle http://jsfiddle.net/Zt38S/2/

Answer 4

imprint_quantity = document.getElementById（'imprint_amount'）;

=

imprint_quantity = document.getElementById（'imprint_amount'）。value（）;

Lemme知道是否修復了它，這是一個常見的錯誤。