当我使用按钮单击事件检索时，为什么我的输入值等于 ''？

Question

Why does the activityInput.value always equal an empty string.为什么activityInput.value 总是等于一个空字符串。 This seems very simple, I feel stupis asking something so simple but I cant get it to work.这看起来很简单，我觉得问这么简单的事情很愚蠢，但我无法让它发挥作用。 Please help me!请帮我！

 <div id = "activityListContainer">
      
          <input type ="text"  class = "input" value = '' id = "activityListInput"  name = "activityListInput" >
          <label for = 'activityListInput'></label>
          <button  class = "button" id = "activitySubmit">
              submit activity
          </button>
    
        <div id = 'activityList' ></div>
</div>


function addActivityListEntry(){
    
  let activityListContainer = document.getElementById('activityList');
       let newActivity = document.querySelector("#activityListInput").value
       console.log(newActivity)
 };

let activitySubmitButton = document.getElementById('activitySubmit');
activitySubmitButton.addEventListener('click', e => {
  e.preventDefault();
  addActivityListEntry()
 })

Answer 1

I can't seem to find where there should be an我似乎找不到应该有的地方

activityInput.value

all you have is an你所拥有的只是一个

activityListInput.value

This html file should work and shows the logs for "activityListInput"这个 html 文件应该可以工作并显示“activityListInput”的日志

 <!DOCTYPE html>
<head></head>
<body>
    
    <div id = "activityListContainer">
        
    <input type ="text"  class = "input" value = '' id = "activityListInput"  name = "activityListInput" >
    <label for = 'activityListInput'></label>
    <button  class = "button" id = "activitySubmit">
        submit activity
    </button>
    
    <div id = 'activityList' ></div>
</div>

</html>
<script>
    function addActivityListEntry(){
    
    let activityListContainer = document.getElementById('activityList');
         let newActivity = document.querySelector("#activityListInput").value
         console.log(newActivity)
   };
  
  let activitySubmitButton = document.getElementById('activitySubmit');
  activitySubmitButton.addEventListener('click', e => {
    e.preventDefault();
    addActivityListEntry()
   })
</script>
</body>

当我使用按钮单击事件检索时，为什么我的输入值等于 ''？

问题描述

1 个解决方案

解决方案1
0 2022-01-22 15:21:28

当我使用按钮单击事件检索时，为什么我的输入值等于 ''？

问题描述

1 个解决方案

解决方案1 0 2022-01-22 15:21:28

解决方案1
0 2022-01-22 15:21:28