Cara Membuat Random Text
Hai kawan. bertemulagi bersama saya kali ini saya mau memberitahukan kepada kalian cara membuat Random Text di html dan css.
untuk membuat random text kalian harus tau untuk pembuatan random text harus mengenal keyword Math.random().
itulah pondasi utama untuk pembuatan Random text yang satu ini. okeh agar tidak berlama lagi langsung ke praktek nya.
Dibawah adalah contoh random text.
Random Text
Kosong
Untuk kode yang saya pakai seperti berikut.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Random Text</title>
</head>
<body>
<div id="contain">
<div id="kotak">
<h2>Random Text</h2>
<div id="hasil">Kosong</div>
<button class="button" onclick="play()"><b>Click</b></button>
</div>
</div>
<style>
#kotak{
width: 150px;
height: 150px;
border: 2px solid cyan;
margin: auto;
border-radius: 3px;
padding: 5px;
}
#kotak h2{
text-align: center;
position: relative;
top: -20px;
}
.button{
width: 90%;
height: 40px;
background: green;
margin-left: 9px;
}
.button:active{
transform: scale(95%);
}
#hasil{
text-align: center;
position: relative;
top: -20px;
font-weight: bold;
}
</style>
<script type="text/javascript" charset="utf-8">
var jumlah_text= 6 ;
var hasil= document.querySelector('#hasil');
function play(){
for(let i=0; i<=jumlah_text; i++){
var costom=Math.random().toString( 36 ).substr(2,jumlah_text);
hasil.innerHTML=costom;
}
}
</script>
</body>
</html>
Okeh, jadi itu kode yang saya pakai walaupun gak sebagus yang lain tapi gapapa.Jadi untuk Cara Membuat Random Text ya sampai disini. sebelum itu saya juga punya Cara Membuat Random Color Di HTML.
Untuk salah pengetikan atau yang lain bisa koreksi di kolom komentar. saya akhiri assalamualaikum warohmatullahi wabarakatu.
Komentar
Posting Komentar