diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/script.js b/script.js index 4e2ff72..d8223dd 100644 --- a/script.js +++ b/script.js @@ -13,3 +13,43 @@ /* При генерации нового предсказания старое предсказание должно добавляться в начало списка «Мои предсказания» — .forecasts */ /* Для добавления предсказания в список воспользуйся шаблоном forecast-item */ + +const btn = document.querySelector('.forecast-btn'); +const currentForecast = document.querySelector('.current-forecast'); +const currentForecastP = currentForecast.querySelector('p'); +const currentForecastH1 = currentForecast.querySelector('h1'); +const template = document.querySelector('#forecast-item'); +const forecasts = document.querySelector('.forecasts'); + + +function getRandom(min, max) { + return (Math.floor(Math.random() * (max - min) + min)); +} + + +btn.addEventListener('click', function() { + + let predictionNumber = getRandom(1, 5); + let predictionText = ""; + + if (predictionNumber == 1) { + predictionText = "Ваша цель достижима."; + } else if (predictionNumber == 2) { + predictionText = "Ориентируйся на маленькие победы - они повлекут за собой большие!"; + } else if (predictionNumber == 3) { + predictionText = "Осторожно, впереди волна впечатлений!"; + } else if (predictionNumber == 4) { + predictionText = "Улыбайся! Кто-то может влюбиться в твою улыбку!"; + } else { + predictionText = "Не оставляйте усилий и получите желаемое!"; + } + + currentForecastH1.textContent = predictionText; + currentForecastP.textContent = getRandom(1, 100); + + const myTemplate = template.content.cloneNode(true); + myTemplate.querySelector('h3').textContent = predictionText; + myTemplate.querySelector('p').textContent = getRandom(1, 100); + + forecasts.append(myTemplate); +}); \ No newline at end of file