При нажатии на кнопку она клонируется, почему в данном случае клонированные кнопки не отвечают на onclick??? срабатывает только первая.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" >
<style>
input[value = "+"] {
height: 20px;
width: 20px;
}
</style>
</head>
<body>
<div>
<input type="button" id="add" value="+">
</div>
</body>
<script>
var add = document.querySelectorAll("input[value = '+']");
add[add.length - 1].onclick = function() {
var parent = this.parentNode;
var clone = this.cloneNode(true);
parent.appendChild(clone);
add = document.querySelectorAll("input[value = '+']");
}
</script>
</html>