Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.11.2019, 16:13
Интересующийся
Отправить личное сообщение для Foknik Посмотреть профиль Найти все сообщения от Foknik
 
Регистрация: 11.03.2017
Сообщений: 14

Деление с остатком
Добрый день уважаемые гуру js.
У меня такой вопрос.
есть пременная num1 равная целому числу и есть переменная равная дробному числу (нецелом) например 1.609

Подкажите как переменную num1 разделить на num2 чтобы вернулось фактическое число без округлений, тоесть дробное. (750/1,609 = 466,12)
Ответить с цитированием
  #2 (permalink)  
Старый 08.11.2019, 16:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Foknik,
<script>
alert((750/1.609*100|0)/100)
  </script>
Ответить с цитированием
  #3 (permalink)  
Старый 08.11.2019, 17:42
Интересующийся
Отправить личное сообщение для Foknik Посмотреть профиль Найти все сообщения от Foknik
 
Регистрация: 11.03.2017
Сообщений: 14

Спасибо, а как сделать чтобы было без остатка?
Ответить с цитированием
  #4 (permalink)  
Старый 08.11.2019, 17:51
Интересующийся
Отправить личное сообщение для Foknik Посмотреть профиль Найти все сообщения от Foknik
 
Регистрация: 11.03.2017
Сообщений: 14

Спасибо, а как сделать чтобы было без остатка?
Ответить с цитированием
  #5 (permalink)  
Старый 08.11.2019, 17:55
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

(750/1.609)|0
(750/1.609).toFixed(0);
Math.floor(x)
Math.round(x)
Ответить с цитированием
  #6 (permalink)  
Старый 08.11.2019, 17:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Foknik,
убрать действия с 100
Ответить с цитированием
  #7 (permalink)  
Старый 09.11.2019, 15:54
Интересующийся
Отправить личное сообщение для Foknik Посмотреть профиль Найти все сообщения от Foknik
 
Регистрация: 11.03.2017
Сообщений: 14

https://codepen.io/foknik/pen/wPWxRe

Вообщем как сделать чтобы блок двигался точно за ползунком?
Помоги плиз!
Ответить с цитированием
  #8 (permalink)  
Старый 09.11.2019, 16:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

input range ползунок
Foknik,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .container {
  max-width: 1170px;
  margin: 0 auto;
}

.order-block {
  display: flex;
}

.order-block-item__1 {
  width: 100%;
  max-width: 466px;
}
.order-block-item__1 p {
  margin-bottom: 72px;
}

.range-block {
  position: relative;
}
.range-block_number {
  position: absolute;
  left: 32px;
  top: -54px;
  width: 55px;
  height: 24px;
  box-sizing: border-box;
  line-height: 24px;
  color: #fff;
  font-size: 14px;
  text-align: right;
  padding-right: 25px;
  background: #3399cc;
  border-radius: 4px;
  -webkit-transform: translateX(-52px);
          transform: translateX(-52px);
}
.range-block_number:before {
  content: "m2";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  width: 23px;
  height: 100%;
  text-align: right;
  padding-right: 5px;
}
.range-block_number:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -3.5px;
  top: 100%;
  border-top: 10px solid #3399cc;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.range-block_range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0;
  height: 7px;
  outline: none;
  background: #ccc;
}

  </style>

</head>

<body>
<div class="container">
		<h2 class="order">Легкий способ заказать натяжной потолок в свою квартиру</h2>
		<div class="order-block">
			<div class="order-block-item__1">
				<p class="area">Общая площадь потолков ㎡</p>
				<div class="range-block">
					<div class="range-block_number">32</div>
					<input class="range-block_range range_area" type="range" min="32" max="750" value="32">
				</div>
			</div>
			<div class="order-block__item-2"></div>
			<div class="order-block__item-3"></div>
		</div>
	</div>
<script>
let range = document.querySelector('.range_area');
let range_number = document.querySelector('.range-block_number');
range.oninput = function() {
	range_number.style.transform =  `translateX(${(this.clientWidth - 12) *
(this.value - 32)/ (750 -32) - 52}px)` ;
	console.log(range_number);
	range_number.innerHTML = this.value;
}
</script>
</body>
</html>
Ответить с цитированием
  #9 (permalink)  
Старый 09.11.2019, 17:06
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

рони, подсказка сдвигается в FF, нужно указать конкретные размеры.

Foknik, https://codepen.io/Malleys/pen/yLLERPg?editors=0010
Ответить с цитированием
  #10 (permalink)  
Старый 09.11.2019, 18:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Malleys,
ok!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Деление нацело raler jQuery 2 25.05.2015 12:12
Деление с остатком GonzoT Общие вопросы Javascript 14 24.09.2014 21:30
Деление переменной на СТО (вопрос от нубика) simple_cov Общие вопросы Javascript 13 07.08.2014 15:46
Google Maps API v3, приближение на одно деление при нажатии на маркер goDev Events/DOM/Window 3 01.06.2014 07:29
Деление одного ajax запроса на несколько. qwerty12311 AJAX и COMET 8 05.10.2010 22:54