diff --git a/src/script.js b/src/script.js index 0fe3e69..fd8f83a 100644 --- a/src/script.js +++ b/src/script.js @@ -56,7 +56,7 @@ document.addEventListener('DOMContentLoaded', () => { client.on('data', (strike) => { - if (strike.region > 1 ){ + if (strike){ const randomStaveNumber = Math.floor(Math.random() * numStaves + 1); const randomFileNumber = Math.floor(Math.random() * numFiles + 1); @@ -64,7 +64,6 @@ document.addEventListener('DOMContentLoaded', () => { const sheetLeft = sheetWindow.getBoundingClientRect().left; const xPosition = rect.left + window.scrollX - sheetLeft; - console.log(`${svgFiles[randomStaveNumber].fileName}`); const newObject = document.createElement('div'); newObject.classList.add('event-icon'); @@ -76,11 +75,11 @@ document.addEventListener('DOMContentLoaded', () => { eventIcon.data = `assets/svg/${svgFiles[randomFileNumber].fileName}`; eventIcon.style.width = '35px'; eventIcon.style.height = '35px'; - // eventIcon.style.backgroundColor = 'red'; newObject.appendChild(eventIcon); - const staveWrapper = document.getElementById(`stave-wrapper-${randomStaveNumber}`); + const staveWrapper = document.getElementById(`stave-wrapper-${strike.region + 1 % 6}`); + console.log(strike.region); staveWrapper.appendChild(newObject); } });