|
|
@@ -0,0 +1,162 @@
|
|
|
+// Таблица умножения________________
|
|
|
+
|
|
|
+// 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;
|
|
|
+
|
|
|
+
|
|
|
+
|
