/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
html/lab5/task7/script.js
51 строка
2 KB
Coderdev
1
12 май 2026, 12:37
12 май 2026, 12:37
d8ecd0f
Код
Авторство
О чём код?
document.addEventListener('DOMContentLoaded', () => { const rowsInput = document.getElementById('rowsInput'); const colsInput = document.getElementById('colsInput'); const createTableBtn = document.getElementById('createTableBtn'); const tableContainer = document.getElementById('tableContainer'); const modalOverlay = document.getElementById('modalOverlay'); const modalData = document.getElementById('modalData'); createTableBtn.addEventListener('click', () => { const rows = parseInt(rowsInput.value); const cols = parseInt(colsInput.value); if (isNaN(rows) || isNaN(cols) || rows < 1 || rows > 20 || cols < 1 || cols > 20) { alert('Введите числа от 1 до 20'); return; } generateTable(rows, cols); }); function generateTable(r, c) { let html = '<table>'; for (let i = 1; i <= r; i++) { html += '<tr>'; for (let j = 1; j <= c; j++) { const result = i * j; html += `<td onclick="openModal(${i}, ${j}, ${result})">${result}</td>`; } html += '</tr>'; } html += '</table>'; tableContainer.innerHTML = html; } window.openModal = function(row, col, res) { modalData.innerHTML = ` <p><strong>Строка:</strong> ${row}</p> <p><strong>Столбец:</strong> ${col}</p> <p><strong>Результат:</strong> ${row} × ${col} = ${res}</p> `; modalOverlay.style.display = 'flex'; }; window.closeModal = function() { modalOverlay.style.display = 'none'; }; window.onclick = (event) => { if (event.target === modalOverlay) closeModal(); }; });