Jump to content
Fórum Script Brasil

GuizDev

Membros
  • Posts

    1
  • Joined

  • Last visited

Everything posted by GuizDev

  1. Bom galera, sou novo aqui. Estou com uma duvida tremenda de como eu faço para alterar o background color de um elemento que ainda não foi criado, pois ele só vai ser criado dps que apertar um botão, sem mais delonga, segue o código. Agradeço se puderem me ajudar. Obs. eu preciso mudar a cor das div quando o Mouse passar por cima delas. var boxContainer = document.querySelector('#box'); var btnElement = document.querySelector('button'); var getBox = document.getElementsByClassName('createBox'); btnElement.onclick = function creatingBoxes(){ var boxCreator = document.createElement('div'); boxCreator.setAttribute('class', 'createBox'); boxCreator.style.width = "100px"; boxCreator.style.height = "100px"; boxCreator.style.backgroundColor = '#f00'; boxContainer.insertBefore(boxCreator, btnElement); } getBox.onmouseover = function changingColorOfBoxes() { var newColor = getRandomColor(); getBox.style.backgroundColor = newColor; } function getRandomColor(){ var letters = "0123456789ABCDEF"; var color = "#"; for (var i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; }
×
×
  • Create New...