Учу javascript, хочу сделать мини-игру в браузере, есть корабль который должен стрелять пулями, хочу чтобы при каждом клике создавался новый div block( пуля ), но не могу это сделать так как, при каждом клике он просто заменяет старый div на новый...
help me!(
вот код:
var container = document.getElementById("container")
var bullet = document.getElementById("bullet")
var numberBullet = 0;
var speed = 0;
var check = 0;
document.onclick = function() {
//создание пули
container.innerHTML = "<div id='bullet' class = 'bullet' </div>"
var bullet = document.getElementById("bullet")
if(numberBullet > 10) {
numberBullet = 0
}
//координаты пули
var x = event.clientX
var y = event.clientY
bullet.style.left = x + 'px';
bullet.style.top = y + 'px';
var timer = setInterval(move,50)
function move() {
speed -= 10
bullet.style.top = y + speed + 'px'
console.log(speed)
if(speed < -500) {
clearInterval(timer)
speed = 0
}
}
//удаление пули
setTimeout(rem,2600)
function rem() {
bullet.remove();
}
//console.log(x,y)
}