|
@@ -0,0 +1,33 @@
|
|
|
+// Перепишите пример выше, используя if-else
|
|
|
+var color = prompt("Введите цвет", "");
|
|
|
+// document.write не работал в Live Server. заменила на 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>")
|
|
|
+ }}
|