Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想根据3种商品的价格和数量得到它们的总和_Javascript_Html - Fatal编程技术网

Javascript 我想根据3种商品的价格和数量得到它们的总和

Javascript 我想根据3种商品的价格和数量得到它们的总和,javascript,html,Javascript,Html,我想根据3个项目的价格和数量,在我的文档底部显示总金额。例如,项目1价值5美元,项目2价值7美元,项目3价值11美元。我需要一个功能和我的html输入标签编辑,这样我就可以显示完整的总数,如果我在哪里选择不同的数量每项 这就是我到目前为止所做的: 页面标题 马里奥害虫防治 古姆巴斯:5枚硬币(一枚) 总数: 添加 鲍勃:7枚硬币(一枚) 总数: 添加 奇普奇普:11枚硬币(一枚) 总数: 添加 单击“提交”以获取总数: 加总 马里奥虫害防治2410德克萨斯州卢伯克伯奇大街79404号

我想根据3个项目的价格和数量,在我的文档底部显示总金额。例如,项目1价值5美元,项目2价值7美元,项目3价值11美元。我需要一个功能和我的html输入标签编辑,这样我就可以显示完整的总数,如果我在哪里选择不同的数量每项

这就是我到目前为止所做的:

页面标题
马里奥害虫防治
  • 古姆巴斯:5枚硬币(一枚)
    总数: 添加










  • 鲍勃:7枚硬币(一枚)
  • 总数: 添加










  • 奇普奇普:11枚硬币(一枚)
  • 总数: 添加










单击“提交”以获取总数:

加总 马里奥虫害防治

2410德克萨斯州卢伯克伯奇大街79404号url:电子邮件:


您可以使用myFunction()的这个变体来完成您的任务:

function myFunction(event) {
  event.preventDefault();
  let goombas = document.getElementById("goombasInp");
  let bobombs = document.getElementById("bob-ombsInp");
  let cheeps = document.getElementById("cheep-cheepsInp");

  goombas = goombas.value * 5;
  bobombs = bobombs.value * 7;
  cheeps = cheeps.value * 11;

  document.getElementById("myP").innerHTML += goombas+bobombs+cheeps;
}

document.querySelector("button#wrapper").addEventListener('click', myFunction);

我建议/建议您在关闭之前,从按钮中删除:onclick=“myFunction()”,并将脚本标记移到文件末尾