JavaScript - Code funktioniert nicht - Argument übergeben funktionieren

Question

Ich versuche Lesezeichen Anwendung zu verstehen, die ich im Internet gefunden, hier ist der Link für den Code https://github.com/bradtraversy/bookmarker/blob/master/js/main.js nun in diesem Code auf Linie 85 er button Element bauen mit onclick Ereignis, weisen sie deleteBookmark() und übergeben das Argument url darin zu funktionieren, die dann in deleteBookmark() Funktion auf Linie 55 und seinen Code Arbeiten erhielt erhalten, aber als ich versuchte, ähnliche Art von Code zu bauen, besser zu verstehen, was in dieser Anwendung geschieht , mein Code funktioniert nicht. Ich verwende den folgenden Code.

<div id="divArgument"></div> 
    <input type="text" id="argument"> 
    <p id="displayArg"></p> 
    <script> 
    var testArg = document.getElementById('divArgument'); 
    var getVal = document.getElementById('argument').value; 
    testArg.innerHTML = '<button onclick="sendArg(\''+getVal+'\')">Display Argument</button>'; 

    function sendArg(recVal){ 
      document.getElementById('displayArg').innerHTML = recVal; 
     } 
    </script> 

Answer 1

Wenn '<button onclick="sendArg(\''+getVal+'\')">....getVal keinen Wert halten nicht ausgeführt wird.

setzen also var getVal = document.getElementById('argument').value; innerhalb der Event-Handler-Funktion

var testArg = document.getElementById('divArgument'); 
testArg.innerHTML = '<button onclick="sendArg()">Display Argument</button>'; 

function sendArg(recVal) { 
var getVal = document.getElementById('argument').value; 
    document.getElementById('displayArg').innerHTML = getVal; 
} 

DEMO