Показать сообщение отдельно
  #14 (permalink)  
Старый 10.09.2022, 22:14
Аватар для Alikberov
Кандидат Javascript-наук
Отправить личное сообщение для Alikberov Посмотреть профиль Найти все сообщения от Alikberov
 
Регистрация: 16.08.2018
Сообщений: 109

Сообщение от bigfooter Посмотреть сообщение
У меня скрины же прикреплены таблицы.
A если так?
<table border=1>
<tr><th>Данные блока, M</th><th></th><td>Количество блоков в одном кубе</td></tr>
<tr><td>Длина</td><td><input type=number id=Dlina value=0.6 step=0.01 min=0.1 max=1.0></td><td id=Shtuki></td></tr>
<tr><td>Высота</td><td><input type=number id=Vysota value=0.2 step=0.01 min=0.1 max=1.0></td><td></td></tr>
<tr><td>Толщина</td><td><input type=number id=Tolschina value=0.075 step=0.001 min=0.01 max=1.0></td><td>M<sup>2</sup> стены из одного куба</td></tr>
<tr><td>Стоимость M<sup>3</sup>, руб.</td><td id=Stoimost></td><td id=Kvadratov></td></tr>
</table>
<br>
<table border=1>
<tr><th>Данные дома, M</th><th></th></tr>
<tr><td>Длина</td><td><input type=number id=DlinaDoma value=10 min=1 max=100.0></td></tr>
<tr><td>Высота</td><td><input type=number id=VysotaDoma value=3 min=1 max=10.0></td></tr>
<tr><td>Ширина</td><td><input type=number id=ShirinaDoma value=8 min=1 max=100.0></td></tr>
<tr><td colspan=2></td></tr>
<tr><td>Количество блоков, M<sup>3</sup></td><td id=Blokov></td></tr>
<tr><td>Стоимость, руб.</td><td id=Rubley></td></tr>
</table>

<script>
var	Dannye = {
	Dlina: null,
	Vysota: null,
	Tolschina: null,
	Shtuki: null,
	Stoimost: null,
	Kvadratov: null,
	DlinaDoma: null,
	VysotaDoma: null,
	ShirinaDoma: null,
	Blokov: null,
	Rubley: null
}

for(var id in Dannye) {
	var	el = document.getElementById(id);
	if(el) {
		if(isFinite(el.value))
			el.addEventListener("change", Kalkulyator);
		Dannye[id] = el;
		el.title = "Dannye." + id;
	}
}

function Kalkulyator() {
	Dannye.Shtuki.textContent = 1 / +Dannye.Dlina.value / +Dannye.Vysota.value / +Dannye.Tolschina.value;
	Dannye.Kvadratov.textContent = 1 / +Dannye.Tolschina.value;
	Dannye.Stoimost.textContent = 3800;
	Dannye.Blokov.textContent = 2 * (+Dannye.DlinaDoma.value + +Dannye.ShirinaDoma.value) * +Dannye.VysotaDoma.value / +Dannye.Kvadratov.textContent;
	Dannye.Rubley.textContent = +Dannye.Stoimost.textContent * +Dannye.Blokov.textContent;
}

Kalkulyator();
</script>

Последний раз редактировалось Alikberov, 10.09.2022 в 22:23.
Ответить с цитированием