javascript - 使用文本框计算数字

Question

我一直在尝试使用用户在文本框中给出的数字来计算数字。我一直在尝试使用以下代码。但是当我尝试测试它时，什么也没有发生。有什么我想念的吗？有没有办法让 imprint 变量成为全局变量？

     <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;

        }

谢谢，崔西

Answer 1

您需要使用 input element 的 value 属性您在变量中引用:

… parseInt(imprint_quantity.value, 10);

对于任意的HTML元素，你需要使用textContent (或 innerText 以支持旧版 IE):

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

像您那样分配给一个表达式应该会抛出一个非常准确的异常，请检查您的浏览器的错误控制台。