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

进行以下更改：

删除表单标签，因为没有必要。

var str = "Cow12,Dog3,Cat721,Lion532";
function getSubmit() 
{
var input =  document.getElementById("inp1").value;
var firstPlace = str.indexOf("",input);
var numPlace = str.indexOf(",", firstPlace);
var newWord = str.slice(firstPlace, numPlace);
document.getElementById("print").innerHTML = newWord;
}

<input id="inp1" type="text">
<button id="subm1" onclick="getSubmit()">Submit</button>
<p id="print"></p>

Answer 2

您只是缺少.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>

为什么我无法成功输出简单的js算法？

2 个答案: