Тема: addEventListener
Показать сообщение отдельно
  #2 (permalink)  
Старый 12.12.2015, 11:39
Профессор
Отправить личное сообщение для Mess4me Посмотреть профиль Найти все сообщения от Mess4me
 
Регистрация: 03.11.2014
Сообщений: 263

alavrova_78,
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .mainlast_li {
            background-color: #1b6d85;
        }
        
        
    </style>
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>


<input id="price" type="range">
<input id="price1" type="range">

<span id="result"></span>
<span id="result1"></span>

<script type='text/javascript'>//<![CDATA[
window.onload = function(){

    var div = document.getElementById("price");
    var div1 = document.getElementById("price1");
    var res = document.getElementById("result");
    var res1 = document.getElementById("result1");


    div.addEventListener("input", function() {
        res.innerHTML = div.value;
    }, false);
    div1.addEventListener("input", function() {
        res1.innerHTML = div1.value;
    }, false);


}//]]>

</script>



</body>
</html>
Ответить с цитированием