的JavaScript - 代码不工作 - 传递参数的功能

我想了解我因特网上发现添加书签，这里是现在https://github.com/bradtraversy/bookmarker/blob/master/js/main.js 在代码上线85他建立button元素与链接代码onclick事件，分配给它的功能deleteBookmark()，并通过它的参数url然后在deleteBookmark()功能得到收到上线55和他的代码的作品，但是当我试图建立类似样的代码，以便更好地了解什么是在该应用程序发生，我的代码不起作用。我正在使用下面的代码。的JavaScript - 代码不工作 - 传递参数的功能

<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>

来源

2017-04-06 Aseem Sharma

当'<button onclick="sendArg(\''+getVal+'\')">....执行getVal并无持有任何价值。

所以把var getVal = document.getElementById('argument').value;事件处理函数内部

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

来源

2017-04-06 18:29:05 brk

如何为每一个部分的是使用相同的代码输入字段中键入时附加价值 –

的JavaScript - 代码不工作 - 传递参数的功能

回答

相关问题