如何让 Chrome 扩展 Popup.html 识别输入值？

Question

Why is my input value not being recognized through the 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);

I tried doing it through inline jQuery however it doesn't seem inline scripts are allowed.

Answer 1

The only thing that doesn't look right on your code is the append; For this kind of trouble you can see the console inside the chrome extension;

 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>