我正在做一个菜单计算器，给你的产品总数，但我卡住了，因为我不知道从哪里开始，
我想使用if else语句，在每个按钮上放置多个id，以某种方式计算总数，但我认为这是非常低效的，所以如果有人有更好的想法，这将是完美的
!!哦，顺便说一下!!我用create-element和appendchild生成了按钮元素。
这是我代码
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<body>
<div class="icons-container" id="container">
</div>
<div class="displayer">
<p>price</p>
<p>total</p>
</div>
</body>
</html>//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
nombres = ['Kg','Taco','Dorado','1LtCSM','1/2CSM','Boing','Cafe','Refresco'];
precios = [440,30,24,50,25,20,20,25];
Total = [];
const element = document.querySelector('.icons-container');
for(i=0;i<=7;i++){
let div = document.createElement('div');
let h3 = document.createElement('h3');
div.classList.add('cuadro');
div.appendChild(h3);
h3.textContent = `${nombres[i]}`;
h3.classList.add('icon-text');
element.appendChild(div);
};我还没有尝试过什么，但我想使用if else，并在每个按钮上添加不同的id来区分每个按钮，
1条答案
按热度按时间z9smfwbn1#
通过使用一个对象数组和一个
.forEach()循环，我们以一种更简单的方式解决了你的所有问题。使用此解决方案，不需要为每个按钮添加
class=""或id=""，因为我们使用了一个称为Closureshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures的简单概念，它使.forEach()和.addEventListener()在这里一起工作得非常好！第一个