Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   построение матрицы (https://javascript.ru/forum/dom-window/71758-postroenie-matricy.html)

riddele_for_you 10.12.2017 18:32

построение матрицы
 
Вложений: 1
Как сделать так, чтобы по выбранному размеру строилась матрица. (пример матрицы на фото)
<h2 style="text-align: center;">матрицы</h2>
                    <div class="calc" id="frtabl">
                        Размер матрицы:
    <select onchange="oms_mhwA(this.value)">
        <option value="2">2×2</option>
        <option value="3" selected="selected">3×3</option>
        <option value="4">4×4</option>
        <option value="5">5×5</option>
        <option value="6">6×6</option>
        <option value="7">7×7</option>
    </select>
                        <p>Введите значения Матрицы:</p>

void() 11.12.2017 00:26

Так?

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Пример</title>
</head>
<body>
	<h2 style="text-align: center;">матрицы</h2>
	<div class="calc" id="frtabl">
		Размер матрицы:
		<select onchange="oms_mhwA(this.value)">
			<option value="2">2×2</option>
			<option value="3" selected="selected">3×3</option>
			<option value="4">4×4</option>
			<option value="5">5×5</option>
			<option value="6">6×6</option>
			<option value="7">7×7</option>
		</select>
		<p>Введите значения Матрицы:</p>
	</div>

	<div class="matrix"></div>

	<script>
		function oms_mhwA(el){
			var matrix = document.querySelector('.matrix');
			matrix.innerHTML = '';

			for(var i = 0; i < el; i++){
				for(var k = 0; k < el; k++){
					matrix.innerHTML += '<input type="text" value="0">'
				}
				matrix.innerHTML += '<br>'
			}
		}
	</script>

</body>
</html>

riddele_for_you 11.12.2017 10:17

Да так. Спасибо большое:thanks:


Часовой пояс GMT +3, время: 23:13.