Javascript 如何从2本教科书中获取值并打印它们是另一本使用js的教科书_Javascript_Html

Javascript 如何从2本教科书中获取值并打印它们是另一本使用js的教科书

javascript html

Javascript 如何从2本教科书中获取值并打印它们是另一本使用js的教科书,javascript,html,Javascript,Html,在这里，我试图从香草蛋糕和巧克力蛋糕中提取价值，并确定每个蛋糕的价格和税率。经过处理和计算后，我想得到的结果是小计、总计、税务文本框…但我无法得到所需的输出…请帮助我…以下是我的代码： <!DOCTYPE html> <html> <head> <title>Decent Confenctionery</title> <script type="text/javascript"> funct

在这里，我试图从香草蛋糕和巧克力蛋糕中提取价值，并确定每个蛋糕的价格和税率。经过处理和计算后，我想得到的结果是小计、总计、税务文本框…但我无法得到所需的输出…请帮助我…以下是我的代码：

<!DOCTYPE html>
<html>
<head>
    <title>Decent Confenctionery</title>

    <script type="text/javascript">
        function updateOrder() {
            const TAXRATE=0.33;
            const CAKEPRICE=300;
            var numVanilaCake= parseInt(documemt.getElementById("vanilaCake").value);
            var numChocoCake= parseInt(documemt.getElementById("chocoCake").value);
            var subTotal= (numVanilaCake+numChocoCake)* CAKEPRICE;
            var tax= subTotal+TAXRATE;
            var total=subTotal+tax;

            documemt.getElementById("sub_Total").value=subTotal;
            documemt.getElementById("tax_a").value=tax;
            documemt.getElementById("total_a").value=total;
        }
        function placeOrder() {
            form.submit();
        }
    </script>
</head>
<body>

    <h1>DECENT CAKE CONFENCTIONERY</h1>

    <p id="asd">ONLINE CAKE ORDERING SYSTEM</p>
    <p>All cakes 300Rs. each, Vanilla,Chocolate</p>

    <form>
        <label>Customer Name:</label> <input type="text" name="" required 
        placeholder="Enter your name"><br><br>
        <label>Mobile No.:</label><input type="number" name="" required 
        placeholder="Enter your Mobile number"><br><br>
        <label># of vanilaa cake:</label> <input type="number" name="vanilaCake" 
        required placeholder="No. of cakes" onchange="updateOrder();" 
        id="vanilaCake"><br><br>
        <label># of chocolate cake:</label> <input type="number" 
        name="chocoCake" required  placeholder="No. of cakes" 
        onchange="updateOrder();" id="chocoCake" /><br><br>
        <label>Subtotal </label><input type="text" name="" id="sub_Total"><br>
        <br>
        <label>Tax: </label><input type="text" name="" id="tax_a"><br><br>
        <label>Total: </label><input type="text" name="" id="total_a"><br><br>
        <button style="cursor: pointer;" onclick="placeOrder();">Place 
            order</button>
        </form>
    </body>
    </html>


体面的糖果店
函数updateOrder（）{
常数税率=0.33；
常数CAKEPRICE=300；
var numVanilaCake=parseInt（documemt.getElementById（“vanilaCake”）.value）；
var numChocoCake=parseInt（docummt.getElementById（“chocoCake”）.value）；
var小计=（numVanilaCake+numChocoCake）*CAKEPRICE；
风险值税=小计+税率；
var总额=小计+税金；
documemt.getElementById（“小计”）。值=小计；
documemt.getElementById（“tax_a”）。值=税；
documemt.getElementById（“total_a”）。值=总计；
}
函数placeOrder（）{
表单提交（）；
}
像样的蛋糕糖果店
在线蛋糕订购系统
所有的蛋糕都是300卢比。香草，巧克力
客户名称：


手机号码：


#瓦尼拉蛋糕的制作：


#巧克力蛋糕的味道：


小计



税：


总计：


放置
秩序

您的输入错误会在所有代码中重复，因此：

documemt
______^

应该是：

document

注意

应该是

如果传递空字符串，还可以通过

初始化字段来防止

NaN

：

var numVanilaCake = parseInt(document.getElementById("vanilaCake").value) || 0;
var numChocoCake  = parseInt(document.getElementById("chocoCake").value) || 0;

注意：在这种情况下，使用

oninput

而不是

onchange

会更有效

函数updateOrder（）{
常数税率=0.33；
常数CAKEPRICE=300；
var numVanilaCake=parseInt（document.getElementById（“vanilaCake”）.value）|0；
var numChocoCake=parseInt（document.getElementById（“chocoCake”）.value）| | 0；
var小计=（numVanilaCake+numChocoCake）*CAKEPRICE；
风险值税=小计+税率；
var总额=小计+税金；
document.getElementById（“小计”）。值=小计；
document.getElementById（“tax_a”）。value=tax；
document.getElementById（“total_a”）。value=total；
}
函数placeOrder（）{
表单提交（）；
}

体面的蛋糕糖果店
在线蛋糕订购系统
所有的蛋糕都是300卢比。香草，巧克力
客户名称：


手机号码：


#瓦尼拉蛋糕的制作：


#巧克力蛋糕的味道：


小计



税：


总计：


放置
秩序

这是基本调试…请检查控制台并修复它告诉您的问题<代码>未捕获引用错误：未定义documemt“！它甚至会为您提供行号。。。