<p id="hak"></p>


<input id="text" type=”number” value=2 name=”sayi”
           min=”1” max=”20” step=”3”>

    <form action="yol">
        artır: <input oninput="ddname()" onchange="ddname()" id="range" type="range" min="1" max="100"> <!--burada on input ile direk artırır onchance ile ise mausu bıraktığın zaman artırır--> 


     
    </form>

    <script>
        function ddname() {

            var al = document.getElementById("range").value;

            document.getElementById("hak").innerHTML = al;
            document.getElementById("text").value = al;

        }
      




      

    </script>