练习题2_点餐.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435
  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. var num = window.prompt("一共几个人用餐?");
  13. num *= 1;
  14. // 定义变量接受所有用餐的人
  15. var person = [];
  16. // 根据用户输入的人数搜集人名
  17. for(var i=0;i<num;i++){
  18. var userName = window.prompt("请输入第"+(i+1)+"个人的名字");
  19. person.push(userName);
  20. }
  21. // 定一个菜单 10个菜
  22. var food = ["宫保鸡丁","土豆丝","锅包肉","肉段烧茄子","凉菜","酸辣土豆丝","包子","面条","好吃的","啥都行"];
  23. for(var j=0;j<person.length;j++){
  24. // 生成一个0-9的随机数
  25. var ranNum = Math.random();
  26. ranNum *= 10;
  27. ranNum = Math.floor(ranNum);
  28. console.log(person[j]+"点了一份"+food[ranNum]);
  29. }
  30. }else{
  31. alert("退出点餐");
  32. }
  33. </script>
  34. </body>
  35. </html>