Тема: видалити елемент масива
Коли користувач ставить відмітку в чекбоксі елемент, що знаходиться в масиві видаляться, в цьому коді це спрацьовує лише раз, допоможіть зрозуміти як правильно написати умову.
[spoiler]<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<style>
body{
margin: 0;
border: 3px solid black;
height: 1000px;
}
#divL{
width:49%;
height:1000px;
border-right: 2px solid black;
float: left;
}
#divR{
width:49%;
height:1000px;
float: left;
}
h2{
margin-top: 250px;
font-size: 30pt;
margin-left: 200px;
}
#nF{
width:150px;
height: 32px;
margin-left: 200px;
font-size: 16pt;
}
#BTN{
margin-left: 200px;
font-size: 16pt;
}
input[type="checkbox"]{
margin-top: 100px;
margin-left: 200px;
padding: 0;
width:20px;
height: 20px;
}
span{
font-size: 18pt;
}
</style>
<script>
window.onload = function(){
var arrInput=[];
var j=0;
document.getElementById('BTN').onclick=function(){
var add = document.getElementById('nF').value;
arrInput.push('<input type="checkbox" value="'+j+'"/><span>'+add+'</span>');
document.getElementById('formArr').innerHTML=arrInput.join('<br>');
document.getElementById('nF').value='';
j++;
for(i=0;i,i<arrInput.length;i++){
document.getElementsByTagName('input')[i].onclick = function(){
if(this.checked){
var x = this.value;
console.log(x);
arrInput.splice(x,1);
document.getElementById('formArr').innerHTML=''+arrInput.join("<br>")+'';
}
}
}
}
}
</script>
</head>
<body>
<div id='divL'>
<form id='formArr' name='arrForm'>
</form>
</div>
<div id='divR'>
<h2>Додати фрукти</h2>
<input type='text' name='newFruit' id='nF'/><br><br>
<input type='button' name='btn' id='BTN' value='Додати' />
</div>
</body>
</html>[/spoiler]