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 和 HTML HTML：

<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';