HTML 表单和循环生成乘法表
<p>使用 HTML 表单和 JavaScript 循环,动态生成任意大小的乘法表。</p>
<p>请输入您想要生成的乘法表的阶数:</p>
<form>
<label for='number'>阶数:</label>
<input type='number' id='number' name='number' min='1' value='1'>
<button type='button' onclick='generateTable()'>生成</button>
</form>
<div id='table'></div>
<script>
function generateTable() {
var number = document.getElementById('number').value;
var table = document.getElementById('table');
table.innerHTML = '';
for (var i = 1; i <= number; i++) {
var row = document.createElement('div');
for (var j = 1; j <= number; j++) {
var cell = document.createElement('span');
cell.textContent = i * j;
row.appendChild(cell);
}
table.appendChild(row);
}
}
</script>
原文地址: https://www.cveoy.top/t/topic/pcpC 著作权归作者所有。请勿转载和采集!