[Arthur4400]

Здравствуйте, не могу понять как сделать что бы значение с 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>