Javascript 允许用户选择运行函数的次数

我对javascript非常陌生。我已经创建了一个随机菜单生成器，其中3个数组中的每一个都是随机选择的。数组是main、甜点、饮料。因此，当您单击“创建订单”按钮时，会看到一个随机生成的列表，其中包括比萨饼、冰淇淋、啤酒等。。但是现在我想添加一个选项，在1到10个菜单之间进行选择，因此如果用户有4个人在他们的团队中，他们可以选择4个，并且将有4个随机生成的订单。所以我需要按照用户输入的次数运行函数

现在我的div和button如下所示：

<div class="order">
<h3 id="orderDisplay">
<!--this is where order will display-->
</h3>
</div>

<button onClick="order()">Click to generate order</button>

因此，为了允许用户选择订单数量，我启动了以下步骤：

varnumOrders=prompt您希望下多少订单？ 切换document.getElementByIdnumOrders{

案例1： document.getElementById'orderDisplay'.innerHTML=menuOne[randomMenuOne]+ MenuTwo[randomMenuTwo]+menuThree[randomMenuThree]

案例2：我不知道如何格式化。我需要运行功能菜单

另外，我想要一个下拉列表，这样用户可以选择1-10，而不是提示

---

很抱歉，我知道它太多了。我只是找不到一个好的教程，我甚至不知道要搜索什么。

获得想要的结果的一种方法是在你的函数周围绕一个for循环，其中peopleInParty是用户为他们的聚会选择的人，而yourFunction是你想要运行X次的函数

for (int x = 0; x < peopleInParty; x++) {
    yourFunction();
}

---

获得您想要的结果的一种方法是围绕您的函数包装一个for循环，其中peopleInParty是用户为其聚会选择的人，而yourFunction是您想要运行X次的函数

for (int x = 0; x < peopleInParty; x++) {
    yourFunction();
}

---

实现这一点的方法不止一种

试着理解这一点：

i=0 做主控台。烹饪比萨饼：+i，i++

---

而我有不止一种方法可以做到这一点

试着理解这一点：

i=0 做主控台。烹饪比萨饼：+i，i++

---

虽然我最好看一下您的代码示例。但如果不按照您的描述，假设您有三个数组，类似于：

var main = ["chicken", "beef", "pork", "fish", "veggie"];
var dessert = ["cake", "ice cream", "pie", "cupcake", "jello"];
var beverage = ["pop", "beer", "water", "whiskey", "juice"];

您可以创建一个函数，通过从每个数组中随机选择一个元素，从这些数组中生成菜单。您可以将该函数包装在for循环中，以执行任意次数的操作

例如：

function createMenu(numberOfMenus) {

  var menus = {};  // Object to hold the menus

  for (var i = 0; i < numberOfMenus; i++) {  // Repeat numberofMenus times

    // Randomly select an element from each array
    var m = main[Math.floor(Math.random() * main.length)];
    var d = dessert[Math.floor(Math.random() * dessert.length)];
    var b = beverage[Math.floor(Math.random() * beverage.length)];

    // Add menu to menus object
    menus[i] = [m, d, b];

  }

  // Return the menus object
  return menus;

}

这里的主要思想是使用for循环重复菜单选择过程，并使用函数作为可重用代码的形式来执行任务

---

希望这能有所帮助。

最好看一个代码示例。但如果不看您的描述，假设您有三个数组，类似于：

var main = ["chicken", "beef", "pork", "fish", "veggie"];
var dessert = ["cake", "ice cream", "pie", "cupcake", "jello"];
var beverage = ["pop", "beer", "water", "whiskey", "juice"];

您可以创建一个函数，通过从每个数组中随机选择一个元素，从这些数组中生成菜单。您可以将该函数包装在for循环中，以执行任意次数的操作

例如：

function createMenu(numberOfMenus) {

  var menus = {};  // Object to hold the menus

  for (var i = 0; i < numberOfMenus; i++) {  // Repeat numberofMenus times

    // Randomly select an element from each array
    var m = main[Math.floor(Math.random() * main.length)];
    var d = dessert[Math.floor(Math.random() * dessert.length)];
    var b = beverage[Math.floor(Math.random() * beverage.length)];

    // Add menu to menus object
    menus[i] = [m, d, b];

  }

  // Return the menus object
  return menus;

}

这里的主要思想是使用for循环重复菜单选择过程，并使用函数作为可重用代码的形式来执行任务

---

希望这能有所帮助。

这里有一段代码片段可能会对您有所帮助

当您单击按钮时，会触发函数orderBtnClick。系统会询问您要使用提示窗口生成多少个订单，然后您执行重复次数的重复函数，并将其委托给要重复的函数。 函数顺序单击{ var numberOfOrders=prompt您希望生成多少订单？； repeatnumberOfOrders，orderGenerator } 函数重复次数{ 对于变量i=0；i<次；i++{ fcn； } } 函数顺序生成器{ //你的代码在这里 console.logOrder已生成！； }

---

订购！以下是一段代码片段，可能会对您有所帮助

当您单击按钮时，会触发函数orderBtnClick。系统会询问您要使用提示窗口生成多少个订单，然后您执行重复次数的重复函数，并将其委托给要重复的函数。 函数顺序单击{ var numberOfOrders=prompt您希望生成多少订单？； repeatnumberOfOrders，orderGenerator } 函数重复次数{ 对于变量i=0；i<次；i++{ fcn； } } 函数顺序生成器{ //你的代码在这里 console.logOrder已生成！； }

---

Order！发布您的代码或突出问题的代码示例。您是否在询问如何将逻辑封装到可重用函数中？您已经尝试了什么？一个小提示：您可以使用HTML输入元素或JavaScript函数提示符。请共享一个I have a varnumOrders=prompt发布您的代码或代码示例这突出了问题。你是在问如何将你的逻辑封装到一个可重用的函数中吗？你已经尝试了什么？一个小提示：也许你可以使用HTML输入元素或JavaScript函数提示符。请分享一个我有一个varnumOrders=promptOK，我有这个函数，但它不是一个循环。谢谢！好的 ，我有这个函数，但它不是一个循环。非常感谢。