Postingan lainnya

Buku Ini Koding!

Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!

Membuat Inputan Otomatis Terisi

tes.jpg

Jadi gimana ya caranya ketika kita ketik NIDN makan username otomatis terisi juga dengan ketikan yang sama, NIDN = 123422 Username = 123422

NIDN :
                    <input type="text" name="nidn" class="form-control">
                    </div>
                    <div class="form-group">
                    Username
                    <input type="text" name="username" class="form-control">
                    </div>

php

@taufikustanto

14 Kontribusi 0 Poin

Diperbarui 3 tahun yang lalu

2 Jawaban:

Jawaban Terpilih

<div>Mungkin bisa dicoba seperti ini :<br>Input HTML</div><pre> <form action=""> <label>Name</label> <input type="text" id="name"> <br> <label>User</label> <input type="text" id="uname"> </form></pre><div><br>Kemudian JS-nya seperti ini :</div><pre>const name = document.querySelector('#name'); const uname = document.querySelector('#uname');

name.addEventListener('keyup', function() { uname.value = name.value });</pre><div><br>tinggal disesuaikan saja selector elementnya. Hasilnya bisa dilihat disini <a href="https://codepen.io/ahanafi/pen/zYPpVyQ">https://codepen.io/ahanafi/pen/zYPpVyQ</a><br><br>Semoga berhasil.</div>

@ahanafi

815 Kontribusi 554 Poin

Dipost 3 tahun yang lalu

Tanggapan

belum berfungsi, mohon arahanya

@taufikustanto

sudah berhasil, terimakasih

@taufikustanto

<pre><script> const name = document.querySelector('#name'); const uname = document.querySelector('#uname');

                  name.addEventListener(&#039;keyup&#039;, function() {
                    uname.value = name.value
                  });
                &amp;lt;/script&amp;gt;
            &amp;lt;div class=&quot;box-body&quot;&amp;gt;
              &amp;lt;form method=&quot;POST&quot;&amp;gt;
                &amp;lt;div class=&quot;form-group&quot;&amp;gt;
                NIDN :
                &amp;lt;input type=&quot;text&quot; id=&quot;name&quot; name=&quot;nidn&quot; class=&quot;form-control&quot; required=&quot;&quot; &amp;gt;
                &amp;lt;div class=&quot;form-group&quot;&amp;gt;
                  Username
                &amp;lt;input type=&quot;text&quot; id=&quot;uname&quot; class=&quot;form-control&quot; &amp;gt;
                &amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;div&gt;Apakah begini ya penerapanya ?&lt;br&gt;Sudah saya coba namun belum berfungsi, mohon arahanya pak&lt;/div&gt;

@taufikustanto

14 Kontribusi 0 Poin

Dipost 3 tahun yang lalu