Merhabalar. Basit bir döngüye ihtiyacım var. 3 tane div ve bir butonla çalışacak, butona basıldığında belirlenen renkler dönecek ve 3ü de aynı renk olduğunda kullanıcı puan alacak. Bu konuda yardımcı olabilir misiniz ?
DİV | DİV | DİV
BUTTON
Butona basıldığında rastgele renk |
8 Mesajlar | 863 Okunma | ||
- Üyelik 19.08.2015
- Yaş/Cinsiyet 30 / E
- Meslek Webmaster
- Konum Sakarya
- Ad Soyad E** A**
- Mesajlar 54
- Beğeniler 24 / 6
- Ticaret 0, (%0)
- Üyelik 11.05.2013
- Yaş/Cinsiyet 31 / E
- Meslek Geliştirici
- Konum Malatya
- Ad Soyad E** K**
- Mesajlar 3142
- Beğeniler 60 / 764
- Ticaret 5, (%100)
Öncelikle bir array oluşturup random seçim yapman gerekiyor. Bunun için şu konuya bakabilirsin. Sonrasında 3 adet seçim yapıp 3 fakrlı değişkene ataman gerekiyor. Sonrasında bunları divin arka plan rengi olarak seçmelisin. Bunun için de şu linke bakabilirsin. Geriye kalan şey if döngüsü ile kontrol etmek. Onun içinde şöyle bir mantık kullanmalısın;
renk1 = renk2 ve renk2 = renk3 ise kullanıcıya puan ver. Sonrasında puanları bir değişkende toplayıp ekrana yazdırırsın.
İf kullanımı
Ekrana yazdırma
renk1 = renk2 ve renk2 = renk3 ise kullanıcıya puan ver. Sonrasında puanları bir değişkende toplayıp ekrana yazdırırsın.
İf kullanımı
Ekrana yazdırma
- Üyelik 29.11.2017
- Yaş/Cinsiyet 26 / E
- Meslek Cross Platform Developer
- Konum İstanbul Anadolu
- Ad Soyad E** B**
- Mesajlar 168
- Beğeniler 12 / 47
- Ticaret 0, (%0)
HTML
CSS
JS
<script> src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
CSS
.block{
width:100px;height:100px;float:left;
margin:20px;border:1px solid red;
}
span{
color:red;
}
JS
$(document).ready(function(){
var renkler = ["yellow", "red", "blue","green"];
var sayi;
$("#Roll").click(function(){
var saniye=3;
var spin=1;
setInterval(function(){
$("span").text("");
saniye--;
if(saniye==0){
$("span").text("Çevrildi");
}else if(saniye>=0){
$("span").text(saniye);
}
},1000);
setTimeout(function(){
if(spin==1){
spin--;
for(var i=1;i<=3;i++){
sayi=Math.floor(Math.random() * 4);
$("#b"+i).css("background-color",renkler[sayi]);
}
}
},3100);
});
});
- Üyelik 19.08.2015
- Yaş/Cinsiyet 30 / E
- Meslek Webmaster
- Konum Sakarya
- Ad Soyad E** A**
- Mesajlar 54
- Beğeniler 24 / 6
- Ticaret 0, (%0)
Weismann21 Elinize sağlık hocam, bunu butona basıldığında belirli bir süre dönecek ve sonra duracak şekilde nasıl yapabiliriz ?
- Üyelik 29.11.2017
- Yaş/Cinsiyet 26 / E
- Meslek Cross Platform Developer
- Konum İstanbul Anadolu
- Ad Soyad E** B**
- Mesajlar 168
- Beğeniler 12 / 47
- Ticaret 0, (%0)
mrhydgn interval içine alarak yapabilirsin düzenleyip ekleyeyim istersen
- Üyelik 19.08.2015
- Yaş/Cinsiyet 30 / E
- Meslek Webmaster
- Konum Sakarya
- Ad Soyad E** A**
- Mesajlar 54
- Beğeniler 24 / 6
- Ticaret 0, (%0)
Weismann21 Size zahmet olmazsa hocam, örnek olması açısından. Teşekkür ediyorum bu arada.
- Üyelik 29.11.2017
- Yaş/Cinsiyet 26 / E
- Meslek Cross Platform Developer
- Konum İstanbul Anadolu
- Ad Soyad E** B**
- Mesajlar 168
- Beğeniler 12 / 47
- Ticaret 0, (%0)
mrhydgn üstteki mesajı düzenleyerek gönderdim umarım o dur istediginiz
- Üyelik 19.08.2015
- Yaş/Cinsiyet 30 / E
- Meslek Webmaster
- Konum Sakarya
- Ad Soyad E** A**
- Mesajlar 54
- Beğeniler 24 / 6
- Ticaret 0, (%0)
Weismann21 Teşekkürler hocam, elinize sağlık. Dönen renkleri divde gösterme üzerine uğraşayım.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)