JavaScript switch 语句无法匹配大小写

Question

我有以下问题需要解决。

问题 5. 数字作为单词

编写一个脚本，要求输入一个数字 (0-9)，并根据输入将数字显示为一个单词(英文)。在无效输入的情况下打印“not a digit”。使用 switch 语句。示例:

digit   result
2       two
1       one
0       zero
5       five
-0.1    not a digit
hi      not a digit
9       nine
10      not a digit

=

这是我的 JavaScript 和 HTMLHTML:

<input type="text" id="textInput">
<button id="react">Check</button>
<p id="result"></p>

我的 JavaScript:

document.addEventListener("DOMContentLoaded",function(){

   var input = document.getElementById('textInput');
   var button = document.getElementById('react');
   var result = document.getElementById('result');


   button.addEventListener('click',function(){

       switch (input.value) {
           case 0:
               result.innerHTML = 'zero';
               break;
           case 1:
               result.innerHTML = 'one';
               break;
           case 2:
               result.innerHTML = 'two';
               break;
           case 3:
               result.innerHTML = 'three';
               break;
           case 4:
               result.innerHTML = 'four';
               break;
           case 5:
               result.innerHTML = 'five';
               break;
           case 6:
               result.innerHTML = 'Six';
               break;
           case 7:
               result.innerHTML = 'Seven';
               break;
           case 8:
               result.innerHTML = 'Eight';
               break;
           case 9:
               result.innerHTML = 'Nine';
               break;
           default:
               result.innerHTML = 'not a digit';
               break;
       }

   });

});

问题是，当我键入 0-9 之间的数字时，它会显示默认语句。

Answer 1

value 为字符串格式。将其转换为数字，因为 switch 语句不强制类型(与 if 语句不同)

switch(+input.value) {

或

switch(parseInt(input.value, 10)) {

---

我还建议使用数组或对象。

var arr = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];

result.innerHTML = arr[+input.value] || 'Not a Digit';