Game JS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.area{
background-color: gray;
width: 1000px;
height: 600px;
margin-left: auto;
margin-right: auto;
}
.game{
background-color: black;
width: 800px;
height: 600px;
float: left;
display: none;
}
.leader{
background-color: aqua;
width: 200px;
height: 600px;
float: left;
display: none;
}
.start{
width: 1000px;
height: 600px;
text-align: center;
vertical-align: middle;
border: solid 1px; }
.target1{
width: 100px;
height: 100px;
background-color: brown;
margin-left: 200px;
margin-top: 35px;
}
.target2{
width: 100px;
height: 100px;
background-color: brown;
margin-left: 300px;
margin-top: 35px;
}
</style>
<body>
<div class="area">
<div class="start" id="start">
<br><br><br>
<img src="" alt="">
<input type="text">
<input type="button" value="Play" onclick="play()">
</div>
<div class="game" id="game">
<div class="target1"></div>
<div class="target2"></div>
<div class="target3"></div>
<div class="target4"></div>
</div>
<div class="leader" id="leader">
<select name="" id="">
<option value="bdbsdbsnd">sss</option>
</select>
</div>
</div>
<script>
function play(){
document.getElementById('start').style.display = "none";
document.getElementById('game').style.display = "block";
document.getElementById('leader').style.display = "block";
}
</script>
</body>
</html>
Komentari Tulisan Ini
Tulisan Lainnya
KUNJUNGAN INDUSTRI UNTUK MENGENAL DUNIA KERJA
Nawabhakti.sch.id. Kunjungan Industri adalah suatu kegiatan tahunan yang dilakukan oleh siswa-siswi kelas X SMK Nawa Bhakti Kebumen. Kunjungan Industri tahun ajaran 2023-2024 ini d
Belajar Laravel API
Tahap 1 Persiapan : Buatlah Folder SERVER_MODULE Buka Folder tersebut melalui CMD cd c:\xampp\htdocs\SERVER_MODULE Install Project Laravel composer create-p