|
@@ -0,0 +1,50 @@
|
|
|
+/* Таблица умножения */
|
|
|
+
|
|
|
+let table = document.createElement("table")
|
|
|
+document.body.append(table)
|
|
|
+
|
|
|
+ for(let i = 1; i < 10; i ++) {
|
|
|
+ let tr = document.createElement("tr")
|
|
|
+ table.append(tr)
|
|
|
+
|
|
|
+ for (let j = 1; j < 10; j++) {
|
|
|
+ let td = document.createElement("td")
|
|
|
+ tr.append(td)
|
|
|
+ td.innerText = i * j
|
|
|
+ td.style.border = "1px solid black"
|
|
|
+ td.style.padding = "7px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+/* Подсветить ячейку */
|
|
|
+
|
|
|
+let backlight = document.querySelectorAll("td")
|
|
|
+
|
|
|
+backlight.forEach(tdOn => tdOn.onmousemove = function() {
|
|
|
+ this.style.backgroundColor = "red"
|
|
|
+})
|
|
|
+
|
|
|
+backlight.forEach(tdOut => tdOut.onmouseout = function () {
|
|
|
+ this.style.backgroundColor = "white"
|
|
|
+})
|
|
|
+
|
|
|
+/* Подсветить стену и столбец */
|
|
|
+
|
|
|
+
|
|
|
+/* Расчет */
|
|
|
+
|
|
|
+let calc1 = document.getElementById("calc1")
|
|
|
+let calc2 = document.getElementById("calc2")
|
|
|
+
|
|
|
+ calc.onclick = function () {
|
|
|
+ alert(+calc1.value + +calc2.value);
|
|
|
+ };
|
|
|
+
|
|
|
+/* Расчет в реальном времени */
|
|
|
+
|
|
|
+function calc() {
|
|
|
+ result.value = (+calc1.value) + (+calc2.value)
|
|
|
+}
|
|
|
+
|
|
|
+calc1.oninput = calc
|
|
|
+calc2.oninput = calc
|