为数组添加值

Question

我是编码新手,请耐心等待.我做了一个看起来像这样的数组:

var minArray = ["Hello", "Hi", "Yes", "No", "Good"];

function printit(number) {
  document.getElementById('test').innerHTML = minArray[number];
}

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

我想在文本字段中写入一个数字,然后从数组中获取该特定单词.因此,如果我写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" />