Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Ubah style teks menggunakan tombol onclick pada javascript
tolong bantuannya cara bikin kaya digambar gimana ya,codenya,bingung sudah buatnya,mohon bantuannya utk tugas kampus gambar
3 Jawaban:
Jawaban Terpilih
HTML:
<pre> <span>Text</span><input id="content" type="text"> <span>Color</span><select> <option value="red">Merah</option> <option value="green">Hijau</option> <option value="blue">Biru</option> </select> <span>Size</span><select> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> <input id="cetak" type="button" value="Cetak">
<div id="app"></div> </pre>
Javascript:
<pre> const app = document.querySelector('#app') // ini container teksnya nanti const text = document.querySelector('#content') const selects = Array.from(document.querySelectorAll('select')) let styles = { color: '', fontSize: '' } const cetak = document.querySelector('#cetak') // tombol cetak
window.addEventListener('load', () => { styles.color = selects[0].value styles.fontSize = selects[1].value + "rem" })
selects.forEach(select => { select.addEventListener('change', () => { styles.color = selects[0].value styles.fontSize = selects[1].value + "rem" }) })
cetak.addEventListener('click', () => { app.style.color = styles.color app.style.fontSize = styles.fontSize app.innerHTML = text.value })
</pre>
tested: https://codepen.io/rubichandrap/pen/Vwvqadz?editors=1111
Tanggapan
Thanks bg,sdh saya coba,tpi masih belum bisa keluar text nya setelah diketik disitu,misalnya kan kalo saya ketik "saya sedang diluar" pilihan warna merah, trus font size 4, harusnya berubah sesuai formatnya,tapi thanks udh dibantuin bang
ga bsa dimananya bro? di gw bisa kok, nih https://codepen.io/rubichandrap/pen/Vwvqadz?editors=1111