func ist nicht definiert bei HTMLButtonElement.onclick

Ich bin versucht, zu erstellen eine einfache Webseite mit Kolben, ich bin versucht, den geschriebenen text in ein textfield-Objekt in eine javascript-variable und dann zeigt es auf der Konsole, wenn der Benutzer eine Taste drückt.

Hier ist der code

HTML

<script type="text/javascript" language="javascript" src="{{url_for('static',filename='js/main.js')}}"></script>

<div class="container">
    <div class="row">
      <div class="col-md-3"></div>
      <div class="col-md-6">
        <input type="text" id="txtWord" name="search" placeholder="Search..." >
      </div>
      <div class="col-md-3"></div>
    </div>

    <div class="row">
      <div class="col-md-3"></div>
      <div class="col-md-6">
        <input type="text" name="search" placeholder="# Result..." id="inputNumResults">
      </div>
      <div class="col-md-3"></div>
    </div>

    <div class="row">
      <div class="col-md-4"></div>
      <div class="col-md-4 text-center">
        <br>
        <button class="btn btn-success" type="button" id="buttonSearch" onclick="getText()">Search for words</button>
      </div>
      <div class="col-md-4"></div>
    </div>

Javascript

function getText() {
    var txt = document.getElementById('txtWord').innerHTML;
    console.log(txt);
}
  • Was ist das Problem? Was für Fehler?
  • Anscheinend ist mein Funktion ist nicht definiert " Uncaught ReferenceError: getText ist nicht definiert HTMLButtonElement.onclick
  • Was bedeutet der Ausgang der src="{{url_for('static',filename='js/main.js')}}" Aussehen?
  • Da bin ich mit flask, alle Quellen müssen so sein, es ist kein 404 error, da die Flasche finden kann, meine Datei, die Ausgabe der Datei sollte das sein, was ich in den textfield "txtWord"
  • Also, was bedeutet console.log(txt) - Ausgänge Ihre Mischpults?,
  • Versuchen Sie stattdessen var txt = document.getElementById('txtWord').val();
  • Was ist falsch an meiner Antwort? Es arbeitet völlig in Ordnung...
  • Ich habe nicht downvote Sie. Ich habe es noch nicht getestet
  • Sie wissen, Sie können klicken Sie einfach auf "Ausführen code-snippet", um es zu testen... 😉
  • wo steckst Du dieses script-tag?
  • jsfiddle.net/ovtkmnmn/3 Hier ist der funktionierende Lösung

InformationsquelleAutor PCalle100 | 2017-04-20
  1. 4

    Hier ist funktionierende Lösung

    <div class="row">
  <div class="col-md-3"></div>
  <div class="col-md-6">
    <input type="text" id="txtWord" name="search" placeholder="Search..." >
  </div>
  <div class="col-md-3"></div>
</div>

<div class="row">
  <div class="col-md-3"></div>
  <div class="col-md-6">
    <input type="text" name="search" placeholder="# Result..." id="inputNumResults">
  </div>
  <div class="col-md-3"></div>
</div>

<div class="row">
  <div class="col-md-4"></div>
  <div class="col-md-4 text-center">
    <br>
    <button class="btn btn-success" type="button" id="buttonSearch" onclick="gt()">Search for words</button>
  </div>
  <div class="col-md-4"></div>
</div>

<script>
    function gt() {
        var txt = document.getElementById("txtWord").value;
        alert(txt);
    }
</script>

    https://jsfiddle.net/ovtkmnmn/3/

    Ich glaube, in Deinem Fall das problem ist rund um von laden diese js-Datei.

    Immer überprüfen, was die Konsole anzeigt, wenn ich "Auf " load" geladen werden, geben Sie es ganz klar einen Fehler zurückgegeben, dass die Funktion nicht definiert

    InformationsquelleAutor Tomasz Grochowski
  2. 0

    JS:

    (function () {
  document.getElementById('buttonSearch').addEventListener('click', getText, true);

  function getText() {
    var txt = document.getElementById('txtWord').value;
    console.log(txt);
  }
})();

    HTML:

    <div class="container">
  <div class="row">
    <div class="col-md-3"></div>
    <div class="col-md-6">
      <input type="text" id="txtWord" name="search" placeholder="Search..." >
    </div>
    <div class="col-md-3"></div>
  </div>

  <div class="row">
    <div class="col-md-3"></div>
    <div class="col-md-6">
      <input type="text" name="search" placeholder="# Result..." id="inputNumResults">
    </div>
    <div class="col-md-3"></div>
  </div>

  <div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4 text-center">
      <button class="btn btn-success" type="button" id="buttonSearch">Search for words</button>
    </div>
    <div class="col-md-4"></div>
  </div>
</div>

    • Downvote? Habe ich etwas falsch gemacht? Sorry für die Bereitstellung einer funktionierenden Lösung...
    InformationsquelleAutor Badacadabra
  3. 0

    Sollten Sie einfach den cache Ihres Browsers leeren. Ein voller browser-cache kann die Ursache für solch ein problem.

    InformationsquelleAutor Kourosh
Schreibe einen Kommentar