javascript - 为什么我简单的js算法输出不成功？

Question

用户需要写动物的名字，我需要输出连接的名字+animalCode。 出于某种原因，我没有得到任何输出。

代码如下:

var str = "Cow12,Dog3,Cat721,Lion532";
var getInput = document.getElementById("inp1");
var getSubmit = document.getElementById("subm1");

getSubmit.onclick = function() {
  var input = getInput;
  var firstPlace = str.indexOf(input);
  var numPlace = str.indexOf(",", firstPlace);
  var newWord = str.slice(firstPlace, numPlace);

  document.getElementById("print").innerHTML = newWord;
};

<form> 
  <input id="inp1" type="text">
  <input id="subm1" type="submit">
</form>

<p id="print"></p>

非常感谢您的帮助! :)

Answer 1

您只是缺少 .value 部分。

var str = "Cow12,Dog3,Cat721,Lion532";
var getInput = document.getElementById("inp1");
var getSubmit = document.getElementById("subm1");

getSubmit.onclick = function(event) {
  event.preventDefault();
  var input = getInput.value;
  var firstPlace = str.indexOf(input);
  var numPlace = str.indexOf(",", firstPlace);
  var newWord = str.slice(firstPlace, numPlace);

  document.getElementById("print").innerHTML = newWord;
};

<form> 
  <input id="inp1" type="text">
  <input id="subm1" type="submit">
</form>

<p id="print"></p>