Мое дз (javascript)
перед вами интересная . она называется "времена года".
на странице должен быть отображен вопрос: "какой месяц года проверить? "
в отдельном текстовом окошке пользователь вводит название одного из
12 месяцев календарного года. далее, поблизости следует расположить
кнопку с надписью "обработать информацию". при нажатии
на данную кнопку приложение должно определить, к какому времени года
относится этот месяц и вывести на экран картинку, соответствующую
этому времени года. используйте в качестве примера программу,
которую мы разрабатывали на занятии. креатив .
удачи!
код html


время суток



приложение "времена года"


какой месяц года проверить? (все слова должны писатся с большой буквы)

обработать информацию





copyright: © teacher - kyiv, 2019

код js

"use strict";

window.onload = function () {

let b1 = document.getelementbyid("b1");
let vre = document.getelementbyid("vre");
let image = document.getelementbyid("image");

b1.onclick = function () {
let v = vre.value;
if (v = декабрь, январь, февраль) {
alert("зима");
image.src = "morning.png";
} else if (v = март, апрель, май) {
alert("весна");
image.src = "afternoon.png";
} else if (v = июнь, июль, август) {
alert("лето");
} else if (v = сентябрь, октябрь, ноябрь) {
alert("осень");
} else {
alert("вы ввели неверный месяц");
}

};

}; ​

chuksin2008 chuksin2008    2   21.09.2019 09:52    1

Ответы
ЦаринаПятёрок ЦаринаПятёрок  08.10.2020 06:52

<!DOCTYPE html>

<html lang="en">

 <head>

   <meta charset="UTF-8" />

   <title>Время суток</title>

   <style>

     h5 {

       width: fit-content;

     }

     h5:hover::after {

       content: "<KEK";

     }

   </style>

   <link rel="stylesheet" href="style.css" />

   <script src="script.js"></script>

 </head>

 <body>

   <header>

     <h1>Приложение "Времена года"</h1>

   </header>

   <hr />

   <main>

     <label for="vre">Какой месяц года проверить?</label>

     <input type="text" id="vre" />

     <button id="b1">Обработать информацию</button>

     <div id="image_box">

       <img id="image" src="hello.png" />

     </div>

   </main>

   <hr />

   <footer>

     <h5>Copyright: © Teacher - Kyiv, 2019</h5>

   </footer>

   <script>

     "use strict";

     (function() {

       const b1 = document.getElementById("b1");

       b1.onclick = function() {

         const vre = document.getElementById("vre");

         const image = document.getElementById("image");

         if (vre.value.match(/(декаб|янва)рь|февраль/gi)) {

           alert("Зима");

           image.src = "winter.png";

         } else if (vre.value.match(/март|апрель|май/gi)) {

           alert("Весна");

           image.src = "spring.png";

         } else if (vre.value.match(/ию(л|н)ь|август/gi)) {

           alert("Лето");

           image.src = "summer.png";

         } else if (vre.value.match(/(сент|окт|но)ябрь/gi)) {

           alert("Осень");

           image.src = "autumn.png";

         } else {

           alert("Вы ввели неверный месяц");

         }

       };

     })();

   </script>

 </body>

</html>

ПОКАЗАТЬ ОТВЕТЫ