當我使用按鈕單擊事件檢索時，為什么我的輸入值等於 ''？

Question

為什么activityInput.value 總是等於一個空字符串。 這看起來很簡單，我覺得問這么簡單的事情很愚蠢，但我無法讓它發揮作用。 請幫我！

 <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

我似乎找不到應該有的地方

activityInput.value

你所擁有的只是一個

activityListInput.value

這個 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