Javascript switch 语句不起作用 - 三个太多了吗？-6ren

Javascript switch 语句不起作用 - 三个太多了吗？

转载作者：行者123 更新时间：2023-11-30 20:21:51

26

4

<分区>

我是 Javascript 的新手，我正在尝试通过制作一个小程序来学习，您可以在其中输入您的星座、行星和宫位来制作一些疯狂的故事。为此，我将三个 switch 语句放在一个函数中。

不确定那是否是太多的 switch 语句，但是当我在 Chrome 上加载它时，有时我只得到文本，有时我得到文本和文本 2，有时我只得到文本 3。

有人知道为什么会这样吗？我只是在一个函数中有太多的 switch 语句吗？我在网上搜索，但找不到一个函数允许多少个。

function tellMeaStory() {
  var text;
  var text2;
  var text3;
  var sign = document.getElementById("mySign").value;
  var planet = document.getElementById("myPlanet").value;
  var house = document.getElementById("myHouse").value;

  switch(sign) {
    case "Aries", "aries":
      text = "red";
      break;
    case "Taurus", "taurus":
      text = "calm";
      break;
    case "Gemini", "gemini":
      text = "quirky";
      break;
    case "Cancer", "cancer":
      text = "moody";
      break;
    case "Leo", "leo":
      text = "hungry";
      break;
    default:
      text = "sign";
  }

  switch(planet) {
    case "Sun", "sun":
      text2 = "hero";
      break;
    case "Moon", "moon":
      text2 = "mother";
      break;
    case "Mercury", "mercury":
      text2 = "twin";
      break;
    case "Venus", "venus":
      text2 = "courtesan";
      break;
    case "Mars", "mars":
      text2 = "soldier";
      break;
    default:
      text2 = "planet";
  }

  switch(house) {
    case "one", "One":
      text3 = "hole";
      break;
    case "two", "Two":
      text3 = "buffet";
      break;
    case "three", "Three":
      text3 = "database";
      break;
    case "four", "Four":
      text3 = "stomach";
      break;
    case "five", "Five":
      text3 = "wilderness";
      break;
    default:
      text3 = "house";
  }
  document.getElementById("demo").innerHTML += "You are a " + text + " " + text2 + " in a " + text3;
}

<input id="mySign" type="text" value="Enter your sign">
<input id="myPlanet" type="text" value="Enter your planet">
<input id="myHouse" type="text" value="Enter your house">

<button onclick="tellMeaStory()">Generate</button>
<div id="demo"></div>

26

4

0

文章推荐： c# - 如何检查 StringComparison 是否区分大小写？

文章推荐： c - 了解光线转换方法

文章推荐： c# - 我可以将 switch 语句与 string.Contains() 结合使用吗？

文章推荐： javascript - D3.js词云不显示不报错

实例分析Try {} Catch{} 作用
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？简单的说他们是用来捕获异常的下面我们通过一个例子来详细讲解下
html - 列表社交媒体链接的 ARIA 作用
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
java.util.Timer SystemTime 作用？
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
php - 什么是 Doctrine hydration 作用？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
python入门:argparse浅析 nargs='+'作用
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven是什么?Maven的概念+作用+仓库的介绍+常用命令的详解
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。核心功能 Mav

首页

博学

6Ren·AI

商城

Javascript switch 语句不起作用 - 三个太多了吗？