Question

我正在尝试在HTML中操作

，以返回与月份匹配的数字或与数字匹配的月份。用户输入来自HTML中的一个字段，单击该按钮即可运行该函数。

循环和所有正常工作都可以在函数外部找到，我可以用console.log记录正确的结果，但是一旦将所有内容放入函数中，似乎就无法从数组中读取了。就范围而言，有什么东西吗？请注意，我是一个初学者。这是代码：

var months = ['Not a valid month number','Jan', 'Feb', 'Mar', 'Apr', 'Mai', 
'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Des'];

var userInputElem = document.getElementById("userInput");
var inputButtonElem = document.getElementById("inputButton");
var paragraphElem = document.getElementById("paragraph");

    inputButtonElem.addEventListener("click", function() {

    for (var i = 0; i <= months.length; i++) {
        if (userInputElem == i) {
        paragraphElem.innerHTML += "Nummeret tilsvarer " + months[i];

        } else if (userInputElem == months[i]) {
          paragraphElem.innerHTML += "Måneden tilsvarer tallet: " + i;

        } 
    }
    });

这是HTML：

<html>
<head>
    <link rel="stylesheet" href="index.css">
</head>
<body>
   <input id="userInput">
   <button id="inputButton">Vis</button>
   <p id="paragraph"></p>
    <script src="index.pack.js"></script>
</body>

点击事件功能不适用于数组

0 个答案: