MEMBUAT GAME SUWIT JAWA DENGAN JAVASCRIPT
di video kali ini kita akan mencoba membuat game / program sederhana untuk bermain suwit jawa atau suwit gajah menggunakan materi2 yang sudah kita pelajari sebelumnya..
—
PLAYLIST LAIN:
– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F
– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p
– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c
– CSS Layouting
https://www.youtube.com/playlist?list=PLFIM0718LjIUu4Ju9GUL5zpLcuq08TKYr
—
MEDIA SOSIAL
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas
– https://github.com/webprogrammingunpas
– http://twitter.com/sandhikagalih
– http://instagram.com/sandhikagalih
terimakasih dan selamat #ngoding!
@sandhikagalih
MEMBUAT GAME SUWIT JAWA DENGAN JAVASCRIPT
MEMBUAT GAME SUWIT JAWA DENGAN JAVASCRIPT
bang gmna kalau itu bekerja langsung di windows(software/apk} kita tanpa perlu browser
alert('tebak angka 1 – 10 '+('n')+'Kamu punya 3 Kesempatan')
var comp= Math.random();
if(comp<=0.1){
comp=1;
}else if(comp<=0.2){
comp=2;
}
else if(comp<=0.3){
comp=3;
}
else if(comp<=0.4){
comp=4;
}
else if(comp<=0.5){
comp=5;
}
else if(comp<=0.6){
comp=6;
}
else if(comp<=0.7){
comp=7;
}
else if(comp<=0.8){
comp=8;
}else if(comp<=0.9){
comp=9;
}else if(comp<=1){
comp=10;
}
for(var ulang=2; ulang>=0; ulang–){
var pilih = parseInt(prompt('masukkan angka tebakan'));
if(pilih==comp){
alert('anda benar!'+'n'+'angka yang dicari adalah : '+comp);
break;
}else if(pilih < comp){
if(ulang==0){
alert('terlalu RENDAH!'+'n' +'kesempatan anda habis');
break;
}
alert('terlalu RENDAH!'+'n'+'ayo masih ada '+ulang+ ' kesempatan ');
}else if(pilih > comp){
if(ulang==0){
alert('terlalu TINGGI!'+'n' +'kesempatan anda habis');
break;
}
alert('terlalu TINGGI!'+'n'+'ayo masih ada '+ulang+ ' kesempatan ');
}
}
alert('terimah kasih');
mas sandhika untuk tebak angka nya saya buat seperti di atas,
mohon KOREKSI nya kalau ada yang salah…..!!!
muter sana sini, sambil seruput kopi, akhirnya kelar juga 😀
masih berantakan, bagi yang penasaran silahkan mampir disini
https://codepen.io/heracross1412/pen/mzMxNB
untuk latihan nya bagaimana cara membangkitkan bilangan random 1 sampai 10??
wah gila kalo jdi mahasiswanya
tolong di cek pak sandi pelajaran suit jawa,
kira kira apa yang salah?
kok loop nya gak muncul?
terus semut nya keluar jawaban dialog kamu memasukan yang salah?
terimaksih
var tanya = true
while ( tanya ) {
// menagkap pilihan layar
var p = prompt('pilih : gajah, semut,orang');
// MENANG!kap pilihan komputer
//membangkitkan bilangan random
var comp = Math.random();
if (comp <0,34) {
comp = 'gajah';
} else if (comp >= 0,34 && comp < 0,67) {
comp = 'orang'
} else {
comp = 'semut';
}
var hasil = '';
//menentukan rules
if (p == comp) {
hasil = 'SERI!';
} else if (p =='gajah') {
// if (comp == 'orang') {
// hasil = 'MENANG!';
// } else {
// hasil = 'KALAH!';
// }
hasil = ( comp == 'orang' ) ? 'MENANG!' : 'KALAH!';
} else if ( p == 'orang') {
hasil = ( comp == 'gajah' ) ? 'KALAH!' : 'MENANG!';
} else if ( p == ' semut' ) {
hasil = ( comp == 'orang' ) ? 'KALAH!' : 'MENANG!';
} else {
hasil = 'memasukkan pilihan yang salah !!';
}
// tampilkan hasil nya
alert (' kamu memilih : ' + p + ' dan komputer memilih : ' + comp + 'nmaka hasilnya : kamu ' + hasil );
tanya = confrim('lagi');
}
alert ('terimakasih sudah bermain.')
Koreksi hasil punyaku
https://codepen.io/dimas-padmanegara/pen/YdzNXp
pa knpa ya klo isi dari file js udh di hapus dan di save tapi pas di refresh di webnya masih jalan script yang sblumnya ??
buat tutorial tentang pseudocode dan algoritma dong mas, dan cara menulis coding yang baik
bahasa campuran;
kalo kita pilih sembarang wkwkwkwkwk ngakak
menit 15:50
selamat pagi pak dhika, saya mau nanya. untuk tanda "?" & ":" di baris 26, 28, 30 kegunaannya sebagai apa ya?
akhirnya jadi juga :v
var tanya = true;
while (tanya) {
//computer
var com =Math.random();
if (com <= 0.1){
com = 1
}else if (com > 0.1 && com <= 0.2){
com = 2
}else if (com > 0.2 && com <= 0.3){
com = 3
}else if (com > 0.3 && com <= 0.4){
com = 4
}else if (com > 0.4 && com <= 0.5){
com = 5
}else if (com > 0.5 && com <= 0.6){
com = 6
}else if (com > 0.6 && com <= 0.7){
com = 7
}else if (com > 0.7 && com <= 0.8){
com = 8
}else if ( com > 0.8 && com <= 0.9){
com = 9
}else if(com > 0.9 && com <= 1){
com = 10
}
for(var n = 3;n >0;n–){
alert("Anda memiliki "+n+" Nyawa");
//player
var p = prompt("Masukan angka 1-10");
//aturan
if(p == com){
alert("Selamat anda menang");
n = 0
}else if(p > com && p <= 10){
alert("Angka yg anda masukan terlalu besar");
}else if(p < com && p > 0){
alert("Angka yg anda masukan terlalu kecil");
}
if(p >10){
alert("Anda memasukan angka yg salah");
}else if(p > 0 && p <=10){
}else{
alert("Anda memasukan angka yg salah");
}
}
if(n == 0){
alert("Nyawa anda habis");
alert("Dan jawabanya adalah : "+com);
}
tanya = confirm("lagi?");
}
alert("Terimakasih sudah bermain");
Ini versi saya.
Game batu gunting kertas tapi.
Tapi saya membuat ini sebelum nonton video ini. biar menantang XD
https://codepen.io/dlandds/pen/PVqROy
lumayan https://codepen.io/anon/pen/MLQXrw
pak ini hasil game tebak"an punya saya mungkin bisa bantu koreksi
saya cuma bikin 1-5 biar gk kebanyakan karena tujuan saya cuma nyoba
apakah pilihan usernya diganti make int atau boleh dibiarkan make string?
atau sebaiknya pengulangannya diganti pake for aja ya pak?
ini scriptnya:
// pilihan komputer
// bilangan random
var computer = Math.random();
if(computer < 0.2) {
computer = '1';
} else if (computer >= 0.2 && computer < 0.4) {
computer = '2';
} else if (computer >= 0.4 && computer < 0.6) {
computer = '3';
} else if (computer >= 0.6 && computer < 0.8 ) {
computer = '4';
} else {
computer = '5';
}
console.log(computer)
// pilihan user dan pengulagan
var hasil = '';
var ulang = 3;
var nilai = '';
while(ulang > 0) {
alert('selamat datang digame tebak angkananda memiliki '+ulang+' kesempatan')
var p = prompt('masukkan angka 1-5: ');
// peraturan
if(p == computer) {
hasil = 'benar';
ulang='0'
nilai='menang!'
} else if(p < computer) {
hasil = 'terlalu rendah';
ulang–
nilai='kalah'
} else {
hasil = 'terlalu tinggi';
ulang–
nilai='kalah'
}
// hasil
alert('Angka yang anda masukkan '+hasil)
}
alert('permainan selesai anda '+nilai)
Pak cara pindah'in open in browser dari UC browser ke chrome gimana pak?
Source code jawaban dari mas malah pendek banget ya.. setelah saya membaca judul dan kira2 tau game apa yg bakalan di buat (tanpa mencontek ke jawaban source code dari mas Sandhika terlebih dahulu), saya coba2 untuk bikin sendiri dan ternyata pny saya panjang banget. berikut pny saya =
Array.prototype.sample = function(){
return this[Math.floor(Math.random()*this.length)];
}
randomComp = ['gajah','semut','orang'].sample();
var randomPerson = prompt("pilih : gajah, semut, orang");
if (randomPerson == "gajah" || randomPerson == "semut" || randomPerson == "orang" ){
if (randomComp== "gajah" && randomPerson=="gajah"){
alert("Kamu Memilih : gajah dan Komputer Memilih: gajah n Maka Hasilnya : Kamu SERI!");
} else if ( randomComp =="gajah" && randomPerson=="semut"){
alert("Kamu Memilih : semut dan Komputer Memilih: gajah n Maka Hasilnya : Kamu menang!");
} else if ( randomComp =="gajah" && randomPerson=="orang"){
alert("Kamu Memilih : orang dan Komputer Memilih: gajah n Maka Hasilnya : Kamu kalah!");
} else if ( randomComp =="semut" && randomPerson=="semut"){
alert("Kamu Memilih : semut dan Komputer Memilih: semut n Maka Hasilnya : Kamu SERI!")
} else if ( randomComp =="semut" && randomPerson=="orang"){
alert("Kamu Memilih : orang dan Komputer Memilih: semut n Maka Hasilnya : Kamu menang!");
} else if ( randomComp =="semut" && randomPerson=="gajah"){
alert("Kamu Memilih : gajah dan Komputer Memilih: semut n Maka Hasilnya : Kamu kalah!");
} else if ( randomComp =="orang" && randomPerson=="semut"){
alert("Kamu Memilih : semut dan Komputer Memilih: orang n Maka Hasilnya : Kamu kalah!")
} else if ( randomComp =="orang" && randomPerson=="orang"){
alert("Kamu Memilih : orang dan Komputer Memilih: orang n Maka Hasilnya : Kamu SERI!");
} else if ( randomComp =="orang" && randomPerson=="gajah"){
alert("Kamu Memilih : gajah dan Komputer Memilih: orang n Maka Hasilnya : Kamu menang!");}
} else{
alert("Isikan pilihan kamu antara gajah/semut/orang!!!")
}
Hahahaha
Ini Hasil dari tugas yang di berikan : https://codepen.io/ClarkSye/pen/mogNJR
Ini versi saya menggunakan switch, dan pembulatan angka random menggunakan Math.floor()
tapi pengkondisian menang kalahnya saya kurang efektif ternyata karna pakai else if semua hehe :p
https://repl.it/@tyogautomo/suitjawa
"Guess the Number" versi ane 🙂
https://tyogautomo.github.io/tebak_angka/
var comp = Math.random();
if ( comp < 0.2 ) {
comp = 9;
} else if ( comp >= 0.2 && comp < 0.41 ) {
comp = 2;
} else if ( comp >= 0.41 && comp > 0.53) {
comp = 10;
} else if ( comp >= 0.53 && comp < 0.68 ) {
comp = 1;
} else if ( comp >= 0.68 && comp < 0.76 ) {
comp = 3
} else if ( comp >= 0.76 && comp < 0.82) {
comp = 4;
} else if ( comp >= 0.82 && comp < 0.89) {
comp = 7;
} else if ( comp >= 0.89 && comp < 0.90) {
comp = 5;
} else {
comp = 6;
}
var p = true
var i = 3;
while ( i >= 1 ) {
var p = prompt('Silahkan pilih bilangan bulat dari 1-10 ntebak angka yang dicari! nkamu masih memiliki ' + i +' kesempatan');
i–;
if ( p == comp) {
alert('tebakan anda BENAR!');
break;
} else if ( p > comp) {
alert ('angka yang anda masukan terlalu TINGGI!');
} else if ( p < comp ) {
alert ('angka yang anda masukan terlalu RENDAH!');
} else {
alert ( 'yang anda masukan tidak termasuk dalam pilihan!');
}
}
var end = alert ('Terima kasih sudah bermain');
ini coding ku pak dhika 😀
https://codepen.io/kevin-suharta/pen/arodPZ
let play = true;
const kesempatan = 3;
alert("Tebak Angka dari 1 – 10nKamu punya "+ kesempatan +" kali kesempatan");
const com = Math.floor(Math.random() * 10) + 1;
while(play){
let i = kesempatan;
for(i; i>0; i–){
const p = prompt("Kesempatan ke- " + i);
let j = i-1;
if(p == com){
alert('Angka yg kamu masukkan : ' + p +'nSelamat Kamu Benar');
break;
}else if(p < com){
if(j == 0){
alert('gagal');
}else{
alert('Terlalu Rendah…nAyo kamu masih punya ' + j + ' Kesempatan!');
}
}else if(p > com){
if(j == 0){
alert('gagal');
}else{
alert('Terlalu Tinggi…nAyo kamu masih punya ' + j + ' kesempatan!');
}
}
}
play = confirm("Main Lagi?");
}
halo pak, mau tanya.. 0.67 di else if menit 7.33 itu dari mana ya? gmn cara ngukur rentang komanya? kalau 0,34 kan dr 3 data gajah semut org, 3 dibagi 2. mohon penjelasannya. terimakasih
Nggak Tau Apakah Layak Atau nggaknya
yang penting bisa run dan gk error :v
var hasil='';
var tanya=true;
while(tanya){
var comp=Math.floor(Math.random()*10)+1;
alert('Selamat Datang Di Game Tebak Angka, Anda Punya 3x Kesempatan Untuk Menjawab');
var i=3;
while(i>0){
var user=prompt('[KESEMPATAN Ke-'+i+']nMasukkan Pilihan Angka: n(1 – 10)');
if(user==comp){
hasil='TEBAKAN BENAR!';
i=false;
alert('Angka Anda:t'+user+'nAngka Acak:t'+comp+'nHasil:tSelamat '+hasil);
}else if(user<comp){
hasil='TEBAKAN TERLALU KECIL';
}else{
hasil='TEBAKAN TERLALU BESAR';
}
if(i>1){
alert('Angka Anda:t'+user+'nHasil:t'+hasil+'nAnda Masih Punya '+(i-1)+'x Kesempatan,Silahkan Tebak Lagi');
}
if(i==1){
alert('ANDA KALAH, ANGKA ACAK:t'+comp);
}
i–;
}
tanya=confirm('Main Lagi?');
}
alert('Terimakasih Telah Bermain');
1 materi ini aja susah..
ini versi saya 🙂
var i = 3;
var booleanCheck = true;
var randNumber = Math.floor((Math.random() * 10) + 1);
alert('tebak angka 1-10 nkamu punya 3 kesempatan');
while (booleanCheck) {
var p = parseInt(prompt('masukkan angka tebakan:'));
var comp = sameNumber(randNumber);
var hasil = '';
if (p == comp) {
hasil = 'anda benar angka yang dicari adalah ' + p;
} else if ( p < comp ) {
hasil = 'angka yang anda masukkan terlalu rendah';
} else if ( p > comp) {
hasil = 'angka yang anda masukkan terlalu besar';
}
i–;
if ( p == comp ) {
alert(hasil);
booleanCheck = false;
} else {
alert(hasil + ' anda punya ' + i + ' kesempatan');
}
if (i == 0) {
booleanCheck = false;
}
}
function sameNumber(number) {
var lastNumber = Math.floor((Math.random() * 10) + 1);
if ( lastNumber === number ) {
return lastNumber;
} else {
return sameNumber(number);
}
}
alert('terimakasih')
Betul, setelah pusing sama script bikin variasi bentuk bintang segitiga-diamond di javascript, ketika di implementasikan ke python, jauh lebih mudah bikinnya.. krna basic udh di asah lewat channel ini 👍 asli ga bohong !!! Channel terapi programming 🤣🤣🤣
alert ("Bermain Tebak-Tebakan Angka")
let chance = 3;
while(chance>=1) {
let p = prompt("masukan Angka mulai Dari 1-10");
var bot = Math.floor(Math.random() * 10) + 1
if(p == bot ) {
alert("Tebakan Anda Benar")
break;
}else{
alert("tebakan anda salah")
}
chance–;
}
dah lah ane mah yang simple ae kwokwokw
var tanya = true
while (tanya) {
var chance = 3
while (chance > 0 && skor != 100) {
var p = parseInt(prompt('Masukan Angka Tebakan mu ! n Bilangan Bulat 1 ~ 10 n Kamu punya ' + chance + 'x Kesempatan'));
console.log(p);
var y = 10;
var c = Math.floor(Math.random() * y) + 1;
console.log(c);
var hasil = '';
var skor;
if (p == c) {
hasil = 'Benar !';
skor = 100
} else if (p < c && p <= 10 && p > 0) {
hasil = 'Terlalu Kecil !';
} else if (p > c && p <= 10 && p > 0) {
hasil = 'Terlalu Besar !';
} else {
hasil = 'Tidak sesuai kriteria !';
}
console.log(hasil);
alert('Tebakanmu ' + hasil);
chance–
}
tanya = confirm('Main Lagi ?');
}
alert('Terima Kasih Sudah Bermain');
Mohon saran dan kritik nya pak sandhika
Alhamdulillah saya udah bisa PR yg pak sandika galih berikan, saya mulai dari jam 8 malam dan kepikiran ampe pagi dan akhirnya selesai pada jam 10.50 pagi
Dan ini program yg saya pakai :
//Player menebak angka
var player = prompt('Tebak angka dari 1 – 10');
//Computer membuat angka
var comp = Math.random();
if(comp <= 0.1 ){
comp = 1;
}else if(comp >= 0.1 && comp <= 0.2){
comp = 2;
}else if(comp >= 0.2 && comp <= 0.3){
comp = 3;
}else if(comp >= 0.3 && comp <= 0.4){
comp = 4;
}else if(comp >= 0.4 && comp <= 0.5){
comp = 5;
}else if(comp >= 0.5 && comp <= 0.6){
comp = 6;
}else if(comp >= 0.6 && comp <= 0.7){
comp = 7;
}else if(comp >= 0.7 && comp <= 0.8){
comp = 8;
}else if(comp >= 0.8 && comp <= 0.9){
comp = 9;
}else{
comp = 10;
}
//menentuka hasilnya
var kesempatan = 3;
for(kesempatan = 3; kesempatan >= 1; kesempatan–){
if(player == comp){
alert('Selamat anda berhasil');
}else if(player <= comp){
player = prompt('Maaf anda salah, angka anda terlalu rendah, sisa kesempatan anda sebanyak ' + kesempatan+ 'X');
}else if(player >= comp){
player = prompt('Maaf anda salah, angka anda terlalu tinggi, sisa kesempatan anda sebanyak '+kesempatan+'X');
}else{
alert('Maaf, angka yg anda masukkan salah, ulangi!!')
player = prompt('Masukkan angka ulang')
}
}
if(kesempatan == 0){
alert('GAME OVER')
}else{
alert('GAME OVER')
}
PUSING BROOOOOOO…..
KOK ndak RUN sama yah….
Simple Simple Simple Club
// menangkap angka dari pemain
var player = parseInt(prompt('Tebak angka 1 – 10 dengan 3 kali kesempatan saja'));
// untuk generate angka
var x = true;
var kesempatan = 3;
while (x) {
for (kesempatan = 3; kesempatan >= 1; kesempatan–) {
var comp = Math.floor(Math.random() * 10);
if (player == comp) {
alert('tebakan anda benar');
} else if (player <= comp) {
prompt('tebakan anda salah, Silahkan masukkan angka lagi' + 'nSisa Kesempatan ' + kesempatan);
} else if (player >= comp) {
prompt('tebakan anda salah, Silahkan Masukkan angka lagi' + 'n Sisa Kesempatan ' + kesempatan);
} else {
alert('Kesempatan sudah habis, Terima kasih telah bermain.');
}
}
// menampilkan hasil dan looping
alert('GAME OVER !nterima kasih sudah bermain');
x = confirm('anda ingin bermain lagi ?');
}
Mohon pencerahannya Pak. Terutama pas bagian IF nya kalau tebakan angkanya benar. Terima kasih. 😀
var kesempatan = 3;
var hasil ="";
var angkaRandom = parseInt(Math.random()* 10);
var konfirmasi = true;
alert("Tebak angka 1-10.n"+ "Kamu punya "+ kesempatan + " kesempatan.");
while(kesempatan > 0)
{
var tebakanPlayer = prompt("Masukkan angka tebakan: ");
if (tebakanPlayer == angkaRandom)
{
kesempatan = 0;
hasil = "Tebakan anda BENAR!n" + "Angka yang dicari adalah angka " + tebakanPlayer;
}
else if(tebakanPlayer != angkaRandom)
{
kesempatan = kesempatan – 1;
hasil = (tebakanPlayer < angkaRandom) ? "Tebakan anda terlalu RENDAH!n" : "Tebakan anda terlalu TINGGI!n";
if(kesempatan != 0)
{
hasil += "Anda mempunyai " +kesempatan + " kesempatan";
}
else
{
hasil += "Kesempatan anda telah habis.n" + "Terima kasih telah bermain tebak angka.";
}
}
else
{
hasil = "Angka yang anda masukan salah!";
}
alert(hasil);
}
Halo pak, hehe saya murid baru kuliah onlen bpk. sebelumnya saya malah ngikutin versi php oop, mvc, codeigniter, sama laravelnya duluan baru ngikutin seri javascript. kayanya saya kebalik ya pak hehe.
ini versi tugas saya pak
var lagi = true;
while (lagi) {
var kesempatan = 3;
var sisaKesempatan = '';
var p = '';
var hasil = '';
// Membangkitkan pilihan random untuk computer
var com = Math.ceil((Math.random() * 10));
while (kesempatan > 0) {
p = parseInt(prompt('Tebak angka 1 – 10. Kamu memiliki ' + kesempatan + ' kali kesempatan'));
if (p < com) {
if (kesempatan == 1) {
alert('Oops.. Terlalu rendah! Tapi Kesempatan kamu habis, ayo coba lagi.');
} else {
alert('Terlalu rendah, silahkan coba lagi.');
}
} else if (p > com) {
if (kesempatan == 1) {
alert('Oops.. Terlalu tinggi! Tapi Kesempatan kamu habis, yuk coba lagi.');
} else {
alert('Terlalu tinggi, silahkan coba lagi.');
}
} else if (p == com) {
if (kesempatan == 1) {
alert('Congratulations, Tebakan kamu benar di percobaan terakhir! Angka yang dicari adalah ' + com);
} else if (kesempatan == 3) {
alert('Hebat! Kamu berhasil menebak angka ' + com + ' dengan 1 kali percobaan.');
kesempatan = 0;
} else {
alert('Congratulations! Tebakan kamu benar, angka yang di cari adalah ' + com);
kesempatan = 0;
}
} else {
if (kesempatan == 1) {
alert('Yahh.. Tebakan masih salah, dan kesempatan kamu habis, yuk coba lagi.');
} else {
alert('Yang anda masukan bukan angka, silahkan coba lagi.');
}
}
kesempatan–;
}
lagi = confirm('Coba lagi?');
}
alert('Terima kasih sudah bermain 🙂 hehe');
Kuliah online:v
https://codepen.io/riskyamaliaharis/pen/YzzjBYO