javascript-我想测试用户输入的是否为元音.但是该程序每次都会显示else输出

前端之家收集整理的这篇文章主要介绍了javascript-我想测试用户输入的是否为元音.但是该程序每次都会显示else输出 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

  1. <p>Please insert a letter: <br/>
  2. <input id="demo" type="text" name="letter" placeholder="Insert a letter">
  3. <button type="button" onclick="test()">Check it</button> <br>
  4. <span id="res"></span>
  5. </p>
  6. <script type="text/javascript">
  7. let vowel = document.getElementById('demo').value;
  8. function test() {
  9. if (vowel === 'a' || vowel === 'e' || vowel === 'i' || vowel === 'o' || vowel === 'u') {
  10. document.getElementById('res').innerHTML = 'This is a vowel !';
  11. } else {
  12. document.getElementById('res').innerHTML = 'This is a consonant !';
  13. }
  14. }
最佳答案
您只能在测试之外定义一次元音,因此它不会更新,并且始终等于“”.我还使用String.prototype.includes重构了您的if语句

  1. function test() {
  2. let vowel = document.getElementById('demo').value;
  3. if ("aeIoU".includes(vowel)) {
  4. document.getElementById('res').innerHTML = 'This is a vowel !';
  5. } else {
  6. document.getElementById('res').innerHTML = 'This is a consonant !';
  7. }
  8. }
  1. <p>Please insert a letter: <br/>
  2. <input id="demo" type="text" name="letter" placeholder="Insert a letter">
  3. <button type="button" onclick="test()">Check it</button> <br>
  4. <span id="res"></span>
  5. </p>

猜你在找的HTML相关文章