|
|
@@ -0,0 +1,73 @@
|
|
|
+//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); */
|
