homework/hw-js-01/js/task-02.js

// Перепишите пример выше, используя if-else
var color = prompt("Введите цвет", "");
// document.write не работает из js файла (из index.html работает). Заменила на insertAdjacentHTML

// switch (color){
//     case "red":
//         document.body.insertAdjacentHTML("afterbegin","<div style='background-color: red;'>красный</div>")
//     case "black":
//                 document.body.insertAdjacentHTML("afterbegin","<div style='background-color: black; color: white;'>черный</div>")
//                 break;
//     case "blue":
//         document.body.insertAdjacentHTML("afterbegin","<div style='background-color: blue;'>синий</div>")
//           case "green":
        
//         document.body.insertAdjacentHTML("afterbegin","<div style='background-color: green;'>зеленый</div>")
//                 break;
//     default:document.body.insertAdjacentHTML("afterbegin","<div style='background-color: gray;'>Я не понял</div>")
// }
// 
if (color === 'red' || color === 'black')
{if (color === 'red') {
        document.body.insertAdjacentHTML("afterbegin", "<div style='background-color: red;'>красный</div>")
    }
    document.body.insertAdjacentHTML("afterbegin", "<div style='background-color: black; color: white;'>черный</div>")
    
} else {
     if (color === 'blue') { document.body.insertAdjacentHTML("afterbegin", "<div style='background-color: blue;'>синий</div>")
        }  
    if (color === 'blue' || color === 'green') {
        document.body.insertAdjacentHTML("afterbegin", "<div style='background-color: green;'>зеленый</div>")
             
            } else { document.body.insertAdjacentHTML("afterbegin","<div style='background-color: gray;'>Я не понял</div>")
 }}