练习2_点餐.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. var isContinue = window.confirm("是否需要点餐");
  11. if(isContinue){
  12. // 获取用餐人数
  13. var personCount = parseInt(window.prompt("几人用餐"));
  14. // 创建人员数组 用来装载输入的人名
  15. var personArr = [];
  16. // 创建菜品数组
  17. var foodArr = ["宫保鸡丁","土豆丝","锅包肉","肉段烧茄子","凉菜","酸辣土豆丝","包子","面条","好吃的","啥都行"];
  18. // 根据用餐人数 实现循环输入人名
  19. for(var i = 1;i<personCount+1;i++){
  20. var personName = window.prompt("第" + i + "个人叫什么");
  21. personArr.push(personName);
  22. }
  23. // 遍历所有的人 匹配菜品
  24. for(var j = 0;j<personArr.length;j++){
  25. // 生成一个0-9的随机数字
  26. var randomNum = Math.floor(Math.random()*10);
  27. console.log(personArr[0]+"吃"+foodArr[randomNum]);
  28. }
  29. }else{
  30. alert("结束")
  31. }
  32. </script>
  33. </body>
  34. </html>