Нужна помощь с калькулятором объема аквариума

fhostee

У меня есть калькулятор объема аквариума на JavaScript, расположенный здесь. http://utahfishkeepers.us/page/volumecalculator

. Вот код:

 <script type="text/javascript" src="[URL='https://lumtu.com/yti/a4ii4anNodHRwczovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8xLjExLjEvanF1ZXJ5Lm1pb1mL']https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js[/URL]"></script>


<script type="text/javascript" src="[URL='https://lumtu.com/yti/auUUuanNodHRwOi8vZmlzaGxvcmUuY29tL3NjcmlwdHMvanMvc2hhcmhh2']http://www.fishlore.com/scripts/js/share.js[/URL]"></script>


<script type="text/javascript">


var result = 0;


var roundLength = 2;


function computeGallons()


{


result = Math.round((document.frmMain.TankLength.value * document.frmMain.TankWidth.value * document.frmMain.TankHeight.value / 231)*100)/100;


document.frmMain.USGallons.value = Math.round(result*100)/100;


}


</script>


<form name="frmMain"><span class="b">Aquarium Calculator: Calculate Rectangle Fish Tank Volume in Gallons Based on Tank Size</span><p>


Fish Tank Length in Inches:<br />


<input type="text" name="TankLength" onkeyup="computeGallons()"><br />


<br />


Fish Tank Width in Inches:<br />


<input type="text" name="TankWidth" onkeyup="computeGallons()"><br />


<br />


Fish Tank Height in Inches:<br />


<input type="text" name="TankHeight" onkeyup="computeGallons()"><br />


<br />


Aquarium Size is<br />


<input type="text" name="USGallons"> US Gallons<br />


<br />


</form>

Код (JavaScript): Объем после ввода данных находится в поле, как если бы вы его вводили.

Может ли кто-нибудь мне помочь? Я не очень хорошо разбираюсь в javascript.

В идеале мне бы хотелось иметь кнопку, которую люди нажимают, чтобы рассчитать объем, и тогда объем не будет отображаться в поле ввода.

valera55

 <!-- form.frmMain -->


<form name="frmMain" onsubmit="return computeGallons();">


<span>Aquarium Calculator: Calculate Rectangle Fish Tank Volume in Gallons Based on Tank Size</span>


<p>


<label>Fish Tank Length in Inches:<br/>


<input type="text" name="TankLength"/>


</label><br/>


<label>Fish Tank Width in Inches:<br/>


<input type="text" name="TankWidth"/>


</label><br/>


<label>Fish Tank Height in Inches:<br/>


<input type="text" name="TankHeight"/>


</label><br/>


<input type="submit" value="Calculate"/><br/>


<label>Aquarium Size is:</label><br/>


<span id="USGallons">US Gallons</span>


</p>


</form>


<!-- script for the form.frmMain -->


<script type="text/javascript">


function computeGallons(){


document.getElementById('USGallons').childNodes[0].nodeValue = (


document.frmMain.TankLength.value *


document.frmMain.TankWidth.value *


document.frmMain.TankHeight.value / 231


).toFixed(2) + ' US Gallons';


return false;


}


</script>

HTML: But perhaps this might look better with code below (using span element instead of input):

 <input type="text" name="USGallons" readonly="readonly"/>

HTML:

Похожие темы	Дата
Куда корел сохраняет документ?	19.10.2024, 18:10
Размер пиксельной картинки при печати	19.10.2024, 18:10
Как мне сделать перенаправление пароля на веб-каталог (папку)?	19.10.2024, 18:10
Совет по простому скрипту классификации	19.10.2024, 18:10
Изменение слайд-шоу для одновременного отображения всех изображений на небольших экранах/мобильных устройствах.	19.10.2024, 18:10
Кто-нибудь знает, как привлечь первых пользователей к новому (бесплатному) плагину резервного копирования WordPress?	19.10.2024, 18:10
Интерфейс крошечного mce не работает	19.10.2024, 18:10
Что мне следует учитывать, прежде чем начать вести блог?	19.10.2024, 18:10
Javascript перебирает таблицу	19.10.2024, 18:10
Обратная связь в блогах	19.10.2024, 18:10

Нужна помощь с калькулятором объема аквариума

fhostee

valera55

I AM

Интересно