Здравствуйте, не могу понять как сделать что бы значение с input type="number" отображалось на input type="range", и наоборот..Хотя в этом примере кода с input type="number" в input type="range" записывает, а наоборот нет...
<form>
<p>Пакет стандарт <input id="standart" type="number" readonly value="7000"> грн./30 дней</p>
<p>По умолчанию включает в себя 100 товаров и 100 сайтов!</p>
<p>Количество товаров <input id="product" type="number" value="" min="0" placeholder="Количество товаров" onkeyup="addition();"> </p>
<input id="product_scrol" type="range" min="0" max="300" step="1" value="0">
<p>Количество сфйтов <input id="site" type="number" value="" min="0" placeholder="Количество сайтов" onkeyup="addition();"> </p>
<input id="site_scrol" type="range" min="0" max="300" step="1" value="0">
<p> Весь рынок <input id="market" type="checkbox" value=""> 3000 грн.</p>
<p>Иследуеться весь рынок! </p>
<p>Рассылка о нарушениях <input id="dispatch" type="checkbox" value=""> 2000грн. </p>
</form>
<div id="result"></div> <!--Блок вывода результата-->
<script>
function addition() {
var standart = parseInt(document.getElementById('standart').value);//Пакет стандарт
var product = parseInt(document.getElementById('product').value);//Количество товаров
var site = parseInt(document.getElementById('site').value);//Количество сфйтов
var market = parseInt(document.getElementById('market').value);//Услуга весь рынок
var dispatch = parseInt(document.getElementById('dispatch').value);//Рассылка о нарушениях
if (isNaN(standart) === true) standart = 0;
if (isNaN(product) === true) product = 0;
if (isNaN(site) === true) site = 0;
if (isNaN(market) === true) market = 0;
if (isNaN(dispatch) === true) dispatch = 0;
var summ_market = product * 10; //сумма Количество товаров
var summ_site = site * 50; //сумма Количество сфйтов
var c = standart + summ_market + summ_site + market + dispatch; // подсчет всей суммы
//ползунки
if (document.getElementById('product').value > 0 ){
document.getElementById('product_scrol').value = document.getElementById('product').value;
}
if (document.getElementById('site').value != '') {
document.getElementById('site_scrol').value = document.getElementById('site').value;
}else{
document.getElementById('site_scrol').value = 0;
}
//ползунки
document.getElementById('market').checked = document.getElementById('market').value;// если включена услуга весь рынок
document.getElementById('dispatch').checked = document.getElementById('dispatch').value;// если включена рассылка о нарушениях
document.getElementById('result').innerHTML = " = " + c; // вывод конечной сумы
//вывод суммы
}
document.getElementById('market').onclick = function () {
if (this.checked) {
document.getElementById('market').value = 3000;
document.getElementById('site').value = "";
document.getElementById('site').placeholder = "Все сайты"; //неактивное поле сыйты
document.getElementById('site').disabled = true;
}
else { // если выключена услуга весь рынок
document.getElementById('market').value = '';
document.getElementById('site').disabled = false; // активация полей товары, сайты
document.getElementById('site').placeholder = "Количество сайтов";
document.getElementById('product').placeholder = "Количество товаров";
document.getElementById('product').disabled = false;
}
addition();
};
document.getElementById('dispatch').onclick = function () {
if (this.checked) {
document.getElementById('dispatch').value = 2000;
}
else document.getElementById('dispatch').value = ''; // если выключена рассылка о нарушениях
addition();
};
</script>
!!! ну вот есть еще один вопрос когда ввожу в inpun число в input=range отображается, а если сдвинуть input=range, то в input ничего не меняеться...
