Как заставить Chrome Extension Popup. html распознать введенное значение?

Question

Почему мое входное значение не распознается через всплывающее окно. 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>