//multiply table если поменять обявление колонок то можно будит подсвечивать сразу все ячейки колонки /* let boddy = document.querySelector('body'); let table = document.createElement('table') let tbody = document.createElement('tbody') for(let rowIndex = 1; rowIndex<10; rowIndex++){ let rows = document.createElement('tr'); for(let cellIndex = 1; cellIndex<10; cellIndex++){ let cell = document.createElement('td'); let cellText = document.createTextNode(rowIndex*cellIndex); cell.appendChild(cellText); rows.appendChild(cell); cell.onmouseover = function(event) { event.target.style.background = "silver"; } cell.onmouseleave = function(event) { event.target.style.background = ""; } } tbody.appendChild(rows); rows.addEventListener("mouseover", function hoverOnRow(){ this.style.backgroundColor="green"; }); rows.addEventListener("mouseleave", function hoverOnRowEnd(){ this.style.backgroundColor=""; }); } table.appendChild(tbody); boddy.appendChild(table); */ /* let sumBtn = document.getElementById('calc'); */ /* function sumNumbers(a,b) { return a+b; } */ /* sumBtn.addEventListener('click', function sumNumbers(){ let firstNumber = +(document.getElementById('firstNumber').value); let secondNumber = +(document.getElementById('secondNumber').value); return console.log(firstNumber+secondNumber); }) */ /* document.getElementById('firstNumber').addEventListener('change',calc,false); document.getElementById('secondNumber').addEventListener('change',calc,false); function calc() { let firstNumber = +(document.getElementById('firstNumber').value); let secondNumber = +(document.getElementById('secondNumber').value); document.getElementById('result').value = firstNumber + secondNumber; } calc(); */ let input1 = document.getElementById('firstNumber'); let input2 = document.getElementById('secondNumber'); function calc() { let result = document.getElementById('result'); result.value = (+input1.value) + (+input2.value) } input1.oninput = calc; input2.oninput = calc; /* sumNumbers(firstNumber,secondNumber); */