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