자바 스크립트 onclick을 가진 버튼을 동적으로

Question

내가 버튼을 추가하는 코드를 사용하고 속성을 추가합니다. 지금은 onClick 속성을 추가하고 :

document.getElementById("items").innerHTML=document.getElementById("items").innerHTML+ 
    ('<input type="button" onClick="alert("'+document.getElementById("add").value+'")" 
    value="'+document.getElementById("add").value+'"><br>'); 

내가 버튼을 클릭하면 버튼 이름 (add 버튼 ID입니다)와 경고를 표시합니다. 그러나 아무 경고도 표시되지 않았습니다. 아마 버튼을 추가하고 있기 때문에 내가 실수로 onClick을 만들었습니다.
내 코드가 뭐니?

Answer 1

그것을

var items = document.getElementById("items"), 
    button = document.createElement('input'), 
    br  = document.createElement('br'), 
    add = document.getElementById("add").value; 

button.type = 'button'; 
button.value = add; 
button.addEventListener('click', function() { 
    alert(add); 
}, false); 

items.appendChild(button); 
items.appendChild(br); 

Answer 2

내가 그것을 어떻게 관리하는 적절한 방법을 수행!

document.getElementById("items").innerHTML=document.getElementById("items").innerHTML 
+('<input type="button" onClick="alert(\''+document.getElementById("add").value+'\')" 
value="'+document.getElementById("add").value+'"><br>') 

나는 경고에 " \' (작은 따옴표)와 (큰 따옴표)를 교체했다.
작동, 버튼 추가, 경고 표시.