使用 Javascript 创建购物清单答案

【问题标题】：Create a shopping list using Javascript使用 Javascript 创建购物清单
【发布时间】：2018-08-03 01:03:39
【问题描述】：

您好，我正在尝试为我的 Java Script 类编写此代码，但我一直不知道如何继续。给我们的问题的说明如下：

创建一个简单的自助结账系统。提示三个项目的价格和数量。计算项目的小计。然后使用 5% 的税率计算税收。打印出带有数量和总计的行项目，然后打印出小计、税额和总计。

到目前为止，这是我的代码：

// Make a function for a simple self-checkout system. 
// prompt the user for quantity of the items
// Prompt the user for the prices of the items

function self_Checkout () {


  var prices = [x, y, z,];
  var x = prompt('Enter value');
  var quantity_x = prompt('Enter value for quantity of item 1');
  return x * quantity_x;}
{ if 
  var y = prompt('Enter value');
  var quantity_y = prompt('Enter value for quantity of item 2');
  return y * quantity_y;
{ if
  var z = prompt('Enter value');
  var quantity_z = prompt('Enter value for quantity of item 3');
  return z * quantity_y;


  // Multiply entire total by a tax rate of 5%
  // Return value of total of all items + tax to user 
  // Use console.log or document.write?

}

现在作业还提到了我们应该如何在这个问题中使用循环对象和数组。我试图在代码中添加一个数组。非常感谢有关如何在我的代码中进行的一些帮助，希望我能很好地解释它以获得一些帮助。

【问题讨论】：

这不是有效的 JavaScript 代码。此外，您的具体问题是什么？
我们不能为你做作业。如果您的代码有特定问题，您应该指定它，但只是问“我接下来应该做什么？”太宽泛了。

标签： javascript arrays loops javascript-objects

【解决方案1】：

这是所有动态且不限于 3 项的工作代码

<!DOCTYPE html>
<html>
<head>
<script>
function getit(){
    var result = document.getElementById('demo');
        var allitems = 0;
            var itemCount = prompt("how many items do you need?");
                var items = {};
for (i = 0; i < itemCount; i++) {
items[i] = {

    name : prompt("Product Name"), 
    price : prompt("Product Price"), 
    qty : prompt("Product qty")

    }
}

for (i = 0; i < itemCount; i++) {
var subtotal = 0;
var total = 0;
subtotal = items[i].price * items[i].qty;
total = subtotal * 1.05;
allitems = allitems + subtotal; 
result.innerHTML += "Product: " + items[i].name + "<br/>";
result.innerHTML += "Total Qty: " +items[i].qty + "<br/>";
result.innerHTML += "Sub total: " + subtotal + "<br/>";
result.innerHTML += "Sub total: " + total + "<br/>";
if(i == (itemCount - 1)){result.innerHTML += "Sub total for all items: " + allitems + "<br/>";}
}
    }
</script>
    </head>
<body>
<button onclick="getit()">Shop</button>
<p id="result">Creating a JavaScript Object.</p>



</body>
</html>

【讨论】：

好的，所以我知道你在做什么，但是 html，就像我不确定 document.getElemenById 在这段代码中做什么一样。所以我对 html 并不熟悉，因为我现在只是在研究 javascript，还没有深入学习很多 html。是否可以不使用 html 来完成代码？或者也许是对代码中 html 部分的解释。谢谢
我不明白你在问什么？ javascript 必须呈现为 HTML ......加上这段代码功能齐全，正在解决问题.. 有什么你不明白的？