Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Sistem Koin dengan Javascript
minta bantuannya dong, teman-teman sekolahkoding.
seperti biasa nih, saya suka bikin program kcil2an, tapi slalu aja ada saat2 nemu jln buntu. :D
saya tu lagi biki program dari javascript, rencananya gini : bikin kuis, kalau user jawab bener, tiap 1 pertanyaan dikasi koin 100. kalau salah koin dikurang 50, dan untuk koin awalnya saya mau kasi misalnya 5000. nah gimana caranya tu??
udah nyoba pakai variabel mycoin=5000; nambah=100; kurang=50;
if(jawaban==jawabanuser){ //intinya mycoin+nambah }else{ //intinya mycoin-kurang }
saat pertama kali tombol ditekan, memang bertambah 100, tapi untuk selanjutnya, koinnya tetap 4500..
trimakasih buat yg bersedia membantu.. :)
9 Jawaban:
html
<input type="text" id="jawaban">
<button id="submit">submit</button>
Js
var mycoin = 5000;
$("#submit").click(function() {
var jawabanuser = $("#jawaban").val();
if(jawaban==jawabanuser){
mycoin = parseInt(mycoin)+100
}else{
mycoin = parseInt(mycoin)-50
}
alert(mycoin);
});
Atau kalo ga lampirin script keseluruhannya siapa tau bisa bantu.., dan untuk script masukin ke tag code yah, biar lebih enak bacanya :)
udah coba seperti itu mas, tapi untuk permainan selanjutnya, angkanya gak berubah lagi, tetap 4950
<!DOCTYPE html>
<head>
<title>Permainan Angka</title>
</head>
<body>
<table border="1" width="400" height="400">
<tr>
<td align="center" height="10" colspan="2"><h3>Permainan Tebak Angka Berhadiah</h3></td>
</tr>
<tr>
<td id="tampilkan" align="center" width="350"></td>
</tr>
<tr>
<td height="10"><input id="masukanangka" type="text" id="masukanangka"></input><mark>Angka 0~99</mark></td>
<td><input id="acak" type="button" value="Acak Angka" onclick="main_lotre()"></input></td>
</tr>
<tr>
<td height="10" colspan="2"></td>
</tr>
</table>
<script>
function main_lotre(){
var masukan=document.getElementById("masukanangka").value;
var tampilkan=document.getElementById("tampilkan");
var putar= Math.round(Math.random()*99);
var mycoin= 5000;
if(masukan==putar){
output.style.background="red";
output.innerHTML="<h2 font='red'>Selamat anda menang ! , angka yang keluar adalah :</h2>" + "<div style='font-size:100px;'>"+ putar +"</div>";
mycoin = parseInt(mycoin)+100;
}else{
tampilkan.innerHTML="<h2>Maaf anda kalah, angka yang keluar adalah :<h2>" + "<div style='font-size:100px;'>"+ putar +"</div>";
tampilkan.style.background="none";
mycoin = parseInt(mycoin)-50;
}
alert(mycoin);
}
</script>
<style>
#masukanangka{font-size:50px; width:100px; float:right; background:#fafacd;}
#acak{height:60px;width:150px;}
</style>
</body>
</html>
mungkin bisa ditinjau lagi, gimana biar yang 4950 berubah jadi 4900 jika jawaban salah, dan seterusnya.
Jawaban Terpilih
untuk mycoin di simpan di atas (luar function main_lotre()), karena jumlah coin 5000 di set di awal, klo di set di dalam function berrt setiap kali klik permainan tebak angka.. maka my coin akan di set ulang ke 5000 dan di kurangi / ditambahkan koinnya.. itu sebabnya koinnya akan tetap 4950 jika salah dan tetap selalu 5100 jika benar..
var mycoin= 5000;
function main_lotre(){
dan saya cek ada error jika jawaban benar.. karena
if (masukan == 1) {
output.style.background = "red";
output.innerHTML = "<h2 font='red'>Selamat anda menang ! , angka yang keluar adalah :</h2>" + "<div style='font-size:100px;'>" + putar + "</div>";
mycoin = parseInt(mycoin) + 100;
}
mungkin seharusnya output.style... & output.inner... di ubah ke tampilan.style.. & tampilan.inner... karena tidak ada variable output
dan di html nya ada duplicate id, id="masukanangka" , mungkin ga terlalu bermasalah..
<td height="10"><input id="masukanangka" type="text" id="masukanangka"></input><mark>Angka 0~99</mark></td>
semoga membantu :)
terimakasih mas @gunalirezqimauludi kode nya work, sukses selalu...
itu memang di otak atik tadi, tapi udh work kok, itu udah diganti menjadi
tampilkan.style.background="red";
tampilkan.innerHTML="<h2 font='red'>Selamat anda menang ! , angka yang keluar adalah :</h2>" + "<div style='font-size:100px;'>"+ putar +"</div>";
tapi masalah baru muncul lagi, koinnya bisa minus :D cencananya kalau koinnya udah nol,mesti di isi ulang lagi. cara membatasi sampai titik nol gimana ya??
cara isi ulangnya lgi gimana? ketika 0 langsung jadi 5000?
ada voucer 5.000, 10.000, 20.000, hahaha,,, membatasi minusnya dulu mas..
kalau langsung 5000, mungkin langsung refres aja kali yak?
tapi nanti mau dicoba dengan php, biar koinnya tersimpan di database
tinggal pake conditional
....
var putar = Math.round(Math.random() * 99);
if(parseInt(mycoin) <= 0){
// validasi jika coin kurang dari sama dengan 0
alert("koin telah habis di isi dulu doong..");
// jika ingin coin di set lagi jadi 5000 ketika udah 0
mycoin = 5000;
}
if (masukan == putar) {
.....