Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.08.2017, 19:30
Новичок на форуме
Отправить личное сообщение для Dema85 Посмотреть профиль Найти все сообщения от Dema85
 
Регистрация: 22.08.2017
Сообщений: 3

Нужно вот такое только себе
Спасибо

Последний раз редактировалось Dema85, 29.08.2017 в 18:14.
Ответить с цитированием
  #2 (permalink)  
Старый 22.08.2017, 20:37
Аватар для void()
Профессор
Отправить личное сообщение для void() Посмотреть профиль Найти все сообщения от void()
 
Регистрация: 11.08.2017
Сообщений: 203

Классно сделано...

Но по-моему, это обычный калькулятор, просто хорошо стилизованный. Ничего особенного в нем нет.
По событию на элементах формы запускается функция, которая делает расчеты и выводит результат. Грубо говоря, просто подставляет выбранные пользователем множители в свои формулы.


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Пример</title>

	<style>
		#result{
			width: 100px;
			height: 20px;
			border:1px solid #999;
		}
	</style>
</head>
<body>
	
Толщина доски(см):
<input id='thickness' type="text" value='5' oninput = 'myFunc()'><br>
Ширина доски(см):
<input id='length' type="text" value='20' oninput = 'myFunc()'><br>
Длина доски(см):
<input id='height' type="text" value='300' oninput = 'myFunc()'><br>
Количество досок(шт):
<input id='quantity' type="text" value='2' oninput = 'myFunc()'><br>
Итоговый результат в кубометрах:
<div id="result" >0.06</div>


<script>
function myFunc(){

var thickness = document.getElementById('thickness').value;
var length = document.getElementById('length').value;
var height = document.getElementById('height').value;
var quantity = document.getElementById('quantity').value;

var div = document.getElementById('result');
var res = ((thickness/100)*(length/100)*(height/100)*quantity).toFixed(2);

div.innerHTML = res;
}

</script>
</body>
</html>

Последний раз редактировалось void(), 22.08.2017 в 20:39.
Ответить с цитированием
  #3 (permalink)  
Старый 22.08.2017, 21:05
Новичок на форуме
Отправить личное сообщение для Dema85 Посмотреть профиль Найти все сообщения от Dema85
 
Регистрация: 22.08.2017
Сообщений: 3

Просто я в этом плохо разбираюсь, пока, мне просто очень нужен такой, только с моими закладками на цены на материал и работу.
Ответить с цитированием
  #4 (permalink)  
Старый 25.08.2017, 04:02
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,559

Он на js полностью, можете у них взять с сайта.
Ответить с цитированием
  #5 (permalink)  
Старый 29.08.2017, 18:15
Новичок на форуме
Отправить личное сообщение для Dema85 Посмотреть профиль Найти все сообщения от Dema85
 
Регистрация: 22.08.2017
Сообщений: 3

Тема не актуальна!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Цена с рублями, нужно оставить только цифры alexmixaylov jQuery 11 05.02.2014 10:11
нужно чтобы считывало value только из выбраного radio difurios Javascript под браузер 6 03.02.2013 16:59
Мой собственный башорг в скайпе))) devote Оффтопик 81 02.10.2012 23:56
jQuery UI Datepicker включается только со второго клика по инпуту, нужно с первого adelante jQuery 3 07.07.2012 13:53
нужно добавить только одну вещь Александр х@к Элементы интерфейса 9 27.10.2011 22:43