Question

毫无疑问这是javascript 101，但为什么myArray不打印到innerHTML或console.log？我希望用户输入一些东西，然后让它出现在id =＆＃34; item＆＃34; DIV。我做错了什么？

<div id="item">X</div>
<input id="task"><button id="add">Add</button>

var task = document.getElementById('task').value;
myArray = [];
myArray.push(task);

document.getElementById('item').innerHTML = myArray;

console.log(myArray);

Answer 1

只需在onclick按钮上添加add个活动即可。所以脚本知道何时运行该功能。因为目前脚本不会被调用所以它不会提交任何东西，因为它没有调用任何东西而且不会运行任何东西。

<强>的Javascript fiddle

  document.getElementById('add').addEventListener('click', function() {
    
    var task = document.getElementById('task').value;
    myArray = [];
    myArray.push(task);
    
    document.getElementById('item').innerHTML = myArray;
    });

<div id="item">X</div>
<input id="task"><button id="add">Add</button>

<强> Jquery的 fiddle

 $('#add').on('click', function(){
      var task = document.getElementById('task').value;
      myArray = [];
      myArray.push(task);
    
      document.getElementById('item').innerHTML = myArray;
    
      console.log(myArray);
    
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<div id="item">X</div>
<input id="task"><button id="add">Add</button>

Answer 2

＆＃13;

var button = document.getElementById('add');
myArray = [];

button.addEventListener('click', function() {
  
  myArray.push(document.getElementById('task').value);
  document.getElementById('item').innerHTML = myArray;
  console.log(myArray);
  
}, false);

＆＃13;

<div id="item">X</div>
<input id="task"><button id="add">Add</button>

＆＃13;

Answer 3

您想要创建该功能。并在每次点击时触发功能

<div id="item">X</div>
<input id="task"><button id="add" onclick="add()">Add</button>

的js

var myArray = [];
add =function ()
{
 var task = document.getElementById('task').value;
 myArray.push(task);
 alert(myArray);
}

JS fiddle

Answer 4

使用此代码：

<html>
<body>
<div id="item">X</div>
<input type="text" id="task"><button id="add" onclick="addText()">Add</button>
<script>
    var myArray =[];
    function addText() {
        var task = document.getElementById('task').value;
        myArray.push(task);
        document.getElementById('item').innerHTML = myArray;
        console.log(myArray);      
    }
</script>

</body>
</html>

为什么myArray不打印到innerHTML或console.log？

4 个答案: