HW_Js/HW_js_7/scriptDZ6Dom.js

// Таблица умножения________________

// let table = document.createElement('table');
// for (let i = 0; i < 10; i++){
  
//     let tr = document.createElement('tr');

//   if (i % 2 === 0) tr.setAttribute('bgColor', 'white')
//   else tr.setAttribute('bgColor', '#FFFFCC');

// for (let m = 0; m < 10; m++){
//     let td = document.createElement('td');
//     let value = i * m;

//   if (value === 0) {
//     value = i || m;
//   }

//   td.innerText = value;
//   tr.appendChild(td);
// }
// table.appendChild(tr);
// }
// document.body.appendChild(table);


// table.setAttribute('borderColor', 'black');
// table.setAttribute('border', '2');
// table.setAttribute('cellPadding', '8');

// Подсветить ячейку

// let table = document.createElement('table');
// for (let i = 0; i < 10; i++){
  
//     let tr = document.createElement('tr');

//   if (i % 2 === 0) tr.setAttribute('bgColor', 'white')
//   else tr.setAttribute('bgColor', 'E2FFFF');


//   for (let m = 0; m < 10; m++){
//     let td = document.createElement('td');

//   td.onmouseover = function() {
//     this.style.backgroundColor = '#039A2B';
//   };
//   td.onmouseout = function() {
//     this.style.backgroundColor = '';
//   };

//   let value = i * m;

//   if (value === 0) {
//     value = i || m;
//   }

//   td.innerText = value;
//   tr.appendChild(td);
// }
// table.appendChild(tr);
// }
// document.body.appendChild(table);


// table.setAttribute('borderColor', 'black');
// table.setAttribute('border', '2');
// table.setAttribute('cellPadding', '8');

// Подсветить строку и столбец

// let changeBg = (event, color) => {
//   let target = event.target;
//   if (target.tagName === 'TD') {
//     target.style.background = color;
//     target.parentElement.style.background = color;
//     let index = event.target.cellIndex;
//     let rows = document.querySelectorAll('tr');
//     rows.forEach((row) => row.childNodes[index].style.background = color);
//   }
// }

// table.onmouseover = (event) => changeBg(event, '#92FDAF');
// table.onmouseout = (event) => changeBg(event, '');






// Calc

let input1 = document.querySelector('#val');
let input2 = document.querySelector('#val2');
let sumAll = document.querySelector('#sum');
let pluss = document.querySelector('#pluss');
let minuss = document.querySelector('#minuss');
let times = document.querySelector('#times');
let splitt = document.querySelector('#split');
calc2.onclick = function liveReload() {
  var ddl = document.getElementById("calcFn");
  var selectedValue = ddl.options[ddl.selectedIndex].value;
  if(selectedValue == "pluss"){
  
  sumAll.value = (+val.value) + (+val2.value) 
}else if(selectedValue == "minuss") {
 
    sumAll.value = (+val.value) - (+val2.value)
  }
  else if(selectedValue == "times") {
  
    sumAll.value = (+val.value) * (+val2.value)
  }
  else if(selectedValue == "splitt") {

    sumAll.value = (+val.value) / (+val2.value)
  }
}






// Calc Live

// let input1 = document.querySelector('#val');
// let input2 = document.querySelector('#val2');
// let sumAll = document.querySelector('#sum');
// let pluss = document.querySelector('#pluss');
// let minuss = document.querySelector('#minuss');
// let times = document.querySelector('#times');
// let splitt = document.querySelector('#split');

// function liveReload() {

//   var ddl = document.getElementById("calcFn");
//   var selectedValue = ddl.options[ddl.selectedIndex].value;

//   if(selectedValue == "pluss"){
 
//   sumAll.value = (+val.value) + (+val2.value) 
// }else if(selectedValue == "minuss") {

//     sumAll.value = (+val.value) - (+val2.value)
//   }
//   else if(selectedValue == "times") {
  
//     sumAll.value = (+val.value) * (+val2.value)
//   }
//   else if(selectedValue == "splitt") {

//     sumAll.value = (+val.value) / (+val2.value)
//   }
// }


// input1.oninput = liveReload;
// input2.oninput = liveReload;