123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243 |
- // ДЗ: Циклы
- // задание 1 while confirm
- {
- while (true) {
- let result = confirm('Продолжить?');
- if (result) {
- // Выполнить действия, когда пользователь нажмет "ОК"
- break;
- }
- // Выполнить действия, когда пользователь нажмет "Отмена"
- }
- }
- // задание 2 array fill
- {
- let items = [];
- while (true) {
- let item = prompt('Введите элемент массива:');
- if (item === null) {
- break;
- }
- items.push(item);
- }
- }
- // задание 3 array fill nopush
- {
- let items = [];
- let i = 0;
- while (true) {
- let item = prompt('Введите элемент массива:');
- if (item === null) {
- break;
- }
- items[i] = item;
- i++;
- }
- }
- // задание 4 infinite probability
- {
- let count = 0;
- while (true) {
- count++;
- if (Math.random() > 0.9) {
- break;
- }
- }
- alert(`Цикл выполнился ${count} раз`);
- }
- // задание 5 empty loop
- {
- while (true) {
- let result = prompt('Продолжить?');
- if (result === null) {
- continue;
- }
- // Выполнить действия, когда пользователь нажмет "ОК"
- break;
- }
- }
- // задание 6 progression sum
- {
- let N = 10;
- let sum = 0;
- for (let i = 1; i <= N; i += 3) {
- sum += i;
- }
- console.log(sum); // 25
- }
- // задание 7 chess one line
- {
- let length = 10;
- let str = '';
- for (let i = 0; i < length; i++) {
- if (i % 2 === 0) {
- str += ' ';
- } else {
- str += '#';
- }
- }
- console.log(str); // " # # # # # "
- }
- // задание 8 numbers
- {
- let str = '';
- for (let i = 0; i < 10; i++) {
- for (let j = 0; j < 10; j++) {
- str += j;
- }
- str += '\n';
- }
- console.log(str);
- }
- // задание 9 chess
- {
- let size = 8;
- let str = '';
- for (let i = 0; i < size; i++) {
- for (let j = 0; j < size; j++) {
- if ((i + j) % 2 === 0) {
- str += '.';
- } else {
- str += '#';
- }
- }
- str += '\n';
- }
- console.log(str);
- }
- // задание 10 cubes
- {
- let n = 5;
- let arr = [];
- for (let i = 0; i < n; i++) {
- arr.push(i ** 3);
- }
- console.log(arr); // [0, 1, 8, 27, 64]
- }
- // задание 11 multiply table
- {
- let arr = [];
- for (let i = 0; i <= 10; i++) {
- arr[i] = [];
- for (let j = 0; j <= 10; j++) {
- arr[i][j] = i * j;
- }
- }
- console.log(arr);
- }
- // задание 12 read array of objects
- {
- function readArrayOfObjects() {
- let objects = [];
- while (true) {
- let obj = {};
- while (true) {
- let key = prompt('Введите ключ:');
- if (key === null) break;
- let value = prompt('Введите значение:');
- if (value === null) break;
- obj[key] = value;
- }
- objects.push(obj);
- if (!confirm('Хотите ввести еще один объект?')) break;
- }
- return objects;
- }
- }
- // задание 13 ромбик
- {
- let size = 10;
- let middle = Math.floor(size / 2);
- for (let i = 0; i < size; i++) {
- let row = '';
- for (let j = 0; j < size; j++) {
- if (Math.abs(middle - i) + Math.abs(middle - j) <= middle) {
- row += '#';
- } else {
- row += '.';
- }
- }
- console.log(row);
- }
- }
- // задание 14 DOM: multiply table
- {
- let table = document.createElement('table');
- for (let i = 1; i <= 10; i++) {
- let row = document.createElement('tr');
- for (let j = 1; j <= 10; j++) {
- let cell = document.createElement('td');
- cell.innerText = i * j;
- row.appendChild(cell);
- }
- table.appendChild(row);
- }
- document.body.appendChild(table);
- }
- // задание 15 DOM: highlight cell
- {
- let table = document.createElement('table');
- for (let i = 1; i <= 10; i++) {
- let row = document.createElement('tr');
- for (let j = 1; j <= 10; j++) {
- let cell = document.createElement('td');
- cell.innerText = i * j;
- cell.addEventListener('mouseover', function () {
- this.style.backgroundColor = 'yellow';
- });
- cell.addEventListener('mouseout', function () {
- this.style.backgroundColor = '';
- });
- row.appendChild(cell);
- }
- table.appendChild(row);
- }
- document.body.appendChild(table);
- }
- // задание 16 DOM: Highlight cross
- {
- const table = document.getElementById('table');
- table.addEventListener('mouseover', highlight);
- table.addEventListener('mouseout', unhighlight);
- function highlight(event) {
- const td = event.target;
- const tr = td.parentElement;
- const colIndex = td.cellIndex;
- const rowIndex = tr.rowIndex;
- // Подсветить ячейку
- td.style.backgroundColor = 'yellow';
- // Подсветить строку
- for (let i = 0; i < tr.children.length; i++) {
- tr.children[i].style.backgroundColor = 'yellow';
- }
- // Подсветить столбец
- for (let i = 0; i < table.rows.length; i++) {
- table.rows[i].children[colIndex].style.backgroundColor = 'yellow';
- }
- }
- function unhighlight(event) {
- const td = event.target;
- const tr = td.parentElement;
- const colIndex = td.cellIndex;
- const rowIndex = tr.rowIndex;
- // Снять подсветку с ячейки
- td.style.backgroundColor = '';
- // Снять подсветку со строки
- for (let i = 0; i < tr.children.length; i++) {
- tr.children[i].style.backgroundColor = '';
- }
- // Снять подсветку со столбца
- for (let i = 0; i < table.rows.length; i++) {
- table.rows[i].children[colIndex].style.backgroundColor = '';
- }
- }
- }
|