Javascript-форум - addEventListener

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - addEventListener (https://javascript.ru/forum/events/60123-addeventlistener.html)

addEventListener

Подскажите пожалуйста как заставить работать 2 таких скрипта одновременно?
По одному работают, а если вместе то только второй.
<script type='text/javascript'>//<![CDATA[
window.onload=function(){

var div = document.getElementById("price"),
res = document.getElementById("result");

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

}//]]>

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

var div = document.getElementById("price1"),
res = document.getElementById("result1");

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

}//]]>

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

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>

Mess4me,
Спасибо!!!