index.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /* Таблица умножения */
  2. let table = document.createElement("table")
  3. document.body.append(table)
  4. for(let i = 1; i < 10; i ++) {
  5. let tr = document.createElement("tr")
  6. table.append(tr)
  7. for (let j = 1; j < 10; j++) {
  8. let td = document.createElement("td")
  9. tr.append(td)
  10. td.innerText = i * j
  11. td.style.border = "1px solid black"
  12. td.style.padding = "7px"
  13. }
  14. }
  15. /* Подсветить ячейку */
  16. let backlight = document.querySelectorAll("td")
  17. backlight.forEach(tdOn => tdOn.onmousemove = function() {
  18. this.style.backgroundColor = "red"
  19. })
  20. backlight.forEach(tdOut => tdOut.onmouseout = function () {
  21. this.style.backgroundColor = "white"
  22. })
  23. /* Подсветить стену и столбец */
  24. /* Расчет */
  25. let calc1 = document.getElementById("calc1")
  26. let calc2 = document.getElementById("calc2")
  27. calc.onclick = function () {
  28. alert(+calc1.value + +calc2.value);
  29. };
  30. /* Расчет в реальном времени */
  31. function calc() {
  32. result.value = (+calc1.value) + (+calc2.value)
  33. }
  34. calc1.oninput = calc
  35. calc2.oninput = calc