есть код(приведен ниже). Моя задача(чтоб при нажатии на крестик записи - удалялась сама запись, а на данный момент при нажатии на Любой крестик удаляется только последняя запись ).
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
</style>
</head>
<body>
<h2>Список товаров</h2>
<input type="text" id="input"/><br>
<input type="button" value="Add" onclick="doAdd()" id="add"/><br>
<script type="text/javascript">
var div;
var textInput = '<input type="checkbox"/>';
var b = document.body;
var krest = '<img src="cross.png" alt="крестик" onclick="doDel()">'
function doAdd(){
div = document.createElement('p');
div.innerHTML = textInput + input.value + krest;
b.appendChild(div);
}
function doDel(){
b.removeChild(div);
}
</script>
</body>
</html>