如何讓 Chrome 擴展 Popup.html 識別輸入值？

Question

為什么我的輸入值無法通過 Popup.html 識別？

  <div id="color">
    <div id="isfruit">yes</div>
    <input type="text" id="enterfruit">
    <script type="text/javascript" src="peaches.js"></script>
    </div>

function basket() {
      var yespeach = $("#enterfruit").val();
      $("Peach is an orage color.").appendTo("#color");
}

document.getElementById('isfruit').addEventListener('click', basket);

我嘗試通過內聯 jQuery 執行此操作，但似乎不允許使用內聯腳本。

Answer 1

您的代碼中唯一看起來不正確的是附加； 對於這種麻煩你可以在chrome擴展里面看到控制台；

 function basket() { var yespeach = $("#enterfruit").val(); $("#color").append("<div> Peach is an orage color. value: "+yespeach+"</div>"); } document.getElementById('isfruit').addEventListener('click', basket);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="color"> <div id="isfruit">yes</div> <input type="text" id="enterfruit"> </div>