123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162 |
- // Таблица умножения________________
- // 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;
|