Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.05.2021, 08:40
Новичок на форуме
Отправить личное сообщение для sotex2 Посмотреть профиль Найти все сообщения от sotex2
 
Регистрация: 13.11.2018
Сообщений: 8

Как вывести результат из скрипта
Подскажите, как вывести результат из скрипта ниже в форму (смотреть скрин)





$(document).ready(function(){
	function price(col){
		var price;
		if(col >= 500 && col <= 1000){
			price = 0.4;
		}
		if(col >= 1001 && col <= 5000){
			price = 0.3;
		}
		if(col >= 5001 && col <= 10000){
			price = 0.2;
		}
		if(col >= 10001 && col <= 50000){
			price = 0.1;
		}
		if(col >= 50001){
			price = 0.08;
		}
		return price;
	}

	$('input.one').on('input keyup', function(e){
		var col = $(this).val();
		var price = price(col);
		var total = price * col;
		$('input.two').val(total);
		$('input.three').val(price);
});
	
});
Ответить с цитированием
  #2 (permalink)  
Старый 08.05.2021, 09:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,790

sotex2,
проявите фантазию в именах!!! строка 24, и сделайте значение по умолчанию строка 3, либо проверку перед умножением.
Ответить с цитированием
  #3 (permalink)  
Старый 08.05.2021, 10:10
Новичок на форуме
Отправить личное сообщение для sotex2 Посмотреть профиль Найти все сообщения от sotex2
 
Регистрация: 13.11.2018
Сообщений: 8

ссори, я новичок и был бы рад любой помощи.
Ответить с цитированием
  #4 (permalink)  
Старый 08.05.2021, 10:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,790

sotex2,
<!DOCTYPE html>

<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
$(function(){
    function getPrice(col){
        var price = 1;
        if(col >= 500 && col <= 1000){
            price = 0.4;
        }
        if(col >= 1001 && col <= 5000){
            price = 0.3;
        }
        if(col >= 5001 && col <= 10000){
            price = 0.2;
        }
        if(col >= 10001 && col <= 50000){
            price = 0.1;
        }
        if(col >= 50001){
            price = 0.08;
        }
        return price;
    }

    $('input.one').on('input', function(e){
        var col = this.value;
        var price = getPrice(col);
        var total = price * col;
        $('input.two').val(total);
        $('input.three').val(price);
});

});

    </script>
</head>

<body>
<input type="number" class="one">
<input type="number" class="two">
<input type="number" class="three">

</body>
</html>

Последний раз редактировалось рони, 08.05.2021 в 10:22.
Ответить с цитированием
  #5 (permalink)  
Старый 08.05.2021, 10:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,790

sotex2,
обновите страницу, пример выше.
Ответить с цитированием
  #6 (permalink)  
Старый 08.05.2021, 11:11
Новичок на форуме
Отправить личное сообщение для sotex2 Посмотреть профиль Найти все сообщения от sotex2
 
Регистрация: 13.11.2018
Сообщений: 8

Спасибо большое.
Не подскажите, как во втором поле <input type="number" class="two">
не выводились числа, что после запятой? скрин приложил.

Ответить с цитированием
  #7 (permalink)  
Старый 08.05.2021, 13:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,790

sotex2,
строка 36
$('input.two').val(Math.trunc(total));
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вывести баннер при помощи JavaScript? FRILITE Общие вопросы Javascript 4 23.03.2016 04:18
Вывести HTML-код как текст Dion Элементы интерфейса 2 28.09.2015 22:45
Как передать результат в другую функцию hakudjin Общие вопросы Javascript 1 16.09.2015 11:52
Как вывести картинку по запросу Bon Events/DOM/Window 2 04.04.2012 01:20
Подскажите, пжлст, как вывести в тот же документ результат ф-ции? LexXxeL Элементы интерфейса 4 13.05.2009 12:26