Question

我在编码时非常新，请耐心等待。我创建了一个如下所示的数组：

＆＃13;

var minArray = ["Hello", "Hi", "Yes", "No", "Good"];

function printit(number) {
  document.getElementById('test').innerHTML = minArray[number];
}

＆＃13;

<form name="f1">
  <input type="text" value="" id="number" />
  <input type="button" value="Word is:" onclick="printit(number)" />
</form>
<br/>
<div id="test" />

＆＃13;

我想在文本字段中写入一个数字，然后从数组中获取该特定单词。因此，如果我写1然后按打印，结果将是：嗨。

任何能够朝着正确的方向推动我的人？

Answer 1

您没有正确获取输入值。您有两种选择，均在下面记录。

要获取输入值，您需要执行以下操作：

document.getElementById('number').value;

您还调用了数组myArray和minArray。

请参阅下面的完整代码示例。

var minArray = ["Hello", "Hi", "Yes", "No", "Good"];

function printit() {
  const number = document.getElementById('number').value;
  document.getElementById('test').innerHTML = minArray[number];
}

<form name="f1">
  <input type="text" id="number" />
  <input type="button" value="Word is:" onclick="printit()" />
</form>
</br>
<div id="test" />

您也可以将事件传递给输入onclick函数并从中获取value。您还必须使用parseInt将字符串转换为整数。

var minArray = ["Hello", "Hi", "Yes", "No", "Good"];

function printit(event) {
  document.getElementById('test').innerHTML = minArray[parseInt(number.value)];
}

<form name="f1">
  <input type="text" id="number" />
  <input type="button" value="Word is:" onclick="printit(event)" />
</form>
</br>
<div id="test" />

Answer 2

你可以简单地获得这样的价值：

var valueOfArray = minArray[1];

或者如果您要将该写入值存储到变量中：

var valueOfArray = minArray[storedNumber];

然后你可以将它传递给html：

document.getElementById('test').innerHTML = valueOfArray;

确保storedNumber确实是一个数字，然后解析它并检查是否是数字也是一个好习惯：

var minArray = ["Hello", "Hi", "Yes", "No", "Good"];
function printit() {
  var storedNumber = document.getElementById('number').value;
  storedNumber = parseInt(storedNumber);
  if (!isNaN(storedNumber)){
    var valueOfArray = minArray[storedNumber];
    if (typeof valueOfArray != 'undefined'){
      document.getElementById('test').innerHTML = valueOfArray; 
    }else{
      document.getElementById('test').innerHTML= "Number is not valid";
    }
  }else{
    document.getElementById('test').innerHTML= "NaN";
  }
}

<form name="f1">
	    <input type="text" value="" id="number"/>
		  <input type="button" value="Word is:"  onclick="printit()"/>
</form>
<br/>
<div id="test"/>

当然，在打印时调整数组名称，您将其用作MyArray，但正确的名称为minArray

Answer 3

尝试以下代码。

带有ids的HTML元素是全局变量。因此，您可以使用number变量直接引用输入框。因此，如果您使用number.value，则在您的代码中，它会为您提供输入框的值。

var minArray = ["Hello", "Hi", "Yes", "No", "Good"];

function printit() {
  document.getElementById('test').innerHTML = minArray[number.value];
}

<form name="f1">
  <input type="text" value="" id="number" />
  <input type="button" value="Word is:" onclick="printit(number)" />
</form>
<br/>
<div id="test" />

Answer 4

var minArray = ["Hello", "Hi", "Yes", "No", "Good"];
	
	function printit()
	{
   var index=parseInt(document.getElementById('number').value);
   
   if(index>=minArray.length){
   document.getElementById('test').innerHTML ="Not Found";
   }
   else{
   document.getElementById('test').innerHTML = minArray[index];
   
   }
  
	}

<form name="f1">
	    <input type="text" value="" id="number"/>
		  <input type="button" value="Word is:"  onclick="printit()"/>
</form>
<br/>
<div id="test"/>

Answer 5

var minArray = ["Hello", "Hi", "Yes", "No", "Good"];
function printit() {
 var a=document.getElementById('number').value
  document.getElementById('test').innerHTML = minArray[a-1];
}

<form name="f1">
    <input type="text" value="" id="number"/>
    <input type="button" value="Word is:" onclick="printit()"/>
    </form>
 <div id="test"></div>

Answer 6

一些代码更改

   <script>
      var minArray = ["Hello", "Hi", "Yes", "No", "Good"];
      function printit()
      {
          var number = document.getElementById("number").value;
          document.getElementById("test").innerHTML =minArray[number];
      }
   </script>


  <form name="f1">
       <input type="text" value="" id="number"/>
       <input type="button" value="Word is:" onclick="printit()"/>
  </form>
     </br>
  <div id="test"/>

为数组添加值

6 个答案: