inputtaki sayıyı 2yle çarpıp altındaki inputa yazdırmasını nasıl yaparım.

arkadaşlar ben üstteki inputa atıyorum 10 yazdım bunu 2yle çarpıp 20 sonucunu sayfayı yenilemeden butona basmadan anlık olarak nasıl yapabilirim yardımcı olur musunuz?

hangi dilde yazacaksınız

javascript

 <p class="sonuc"></p>
    <input type="number" id="ds">
    <script>
        document.getElementById('ds').addEventListener('keyup',()=>{
            document.querySelector('.sonuc').textContent= Number(document.getElementById('ds').value)*2
        })
    </script>

hocam sonuc classını ben inputta yazdırmak istiyorum onu nasıl yapabilirim acaba? p etiketine değilde inputa.

 
    <input placeholder="Çarpılacak sayı" type="number" id="ds">
    <br><br>
    <input type="number" class="sonuc">
    <script>
        document.getElementById('ds').addEventListener('keyup',()=>{
            document.querySelector('.sonuc').value= Number(document.getElementById('ds').value)*2
        })
    </script>