JS Ders 48 Javascript Dört İşlem Oyunu

[@TLOZ1986]

Böyle şeyleri doğru düzgün anlatan yok, ne kadar teşekkür etsek azdır

[@perfecthit2663]

olması gereken programcılık bu işte 2 tuşa dünyanın işlemini yüklemek. süper valha cem yılmazında dediği sen arka tarafta yemeğin hikayesini bilmiyorsun. takipdeyiz hocam

[@fehmiuyarnet]

Eyvallah

[@esmanurertay]

Hocam valla Allah sizden razı olsun milyonlarca aboneyi hak edecek kadar değerli anlatım şekline sahipsiniz. Ben javascripti hiçbir kaynakta ne yaptıysam benimseyemedim de öğrenemedim de. Hatta html ve css'e hakim olduğum halde front-end alanını bırakıp farklı bir alana geçmeyi düşünüyordum. Meğerse sorun bende değil kaynakların yetersiz ve anlamaya açık olmamasındaymış. Ancak bu oyun videosuyla zihnim o kadar güzel aydınlandı ki anlatamıyorum. Sırf bu emeklerinize karşı boş geçmemek için yorum bırakmak istedim. Sizi ve bu güzel emeklerinizi saygı ve sevgiyle kutluyorum. Her şey için çok teşekkürler.

[@TLOZ1986]

Bende yeni öğreniyorum, o kadar video var, Fehmi uyar gibi anlatanı yok. Öğrenemedim diye aslında birşey Yok, farklı alana da geçmeye gerek yok. Bu eğitimlerden sonra kendini geliştire bilirsin

[@esmanurertay]

@@TLOZ1986 kesinlikle öyle üzerine gide gide aştım zaten. Aslında Js algoritması çok kolaymış ama buradaki eğitimlerle bu sonucu beklemek çok sıkıntılı bir durum. Ben sadece burayı baz alarak proje dahi üretmeden bu yorumu yazmıştım. Ancak şuan back end alanına dahi geçtim. Size de başarılar diliyorum. Azim ve beyninize yönlendirdiğiniz olumlu sinyaller çok önemli.

[@hasanenes9228]

Hocam gerçekten ama gerçekten allah sizden razı olsun. Eli opulecek insansiniz ... bu yolda ilk defa böyle dilini anladığım ve bir şeyler aktarabilen birine denk geliyorum. Teşekkür ve beğeniler boynumuzun borcu olsun. Sagolun varolun. Hayat boyu öğrenmeye devammmm :) sayenizde ..

[@fehmiuyarnet]

Eyvallah hasan

[@denizsivrikaya]

pek çok bilginin kullanıldığı çok güzel bir örnek olmuş...

[@trollvatandas7313]

hocam ders dinliyoruz uyguluyoruz, hayal gücümüzü yansıtmaya çalışıyoruz ama sizin yaptığınız projeler kesinlikle çok daha faydalı oluyo, Allah razı olsun çok süperdi

[@akmesut]

Hocam harika bir dersti, elinize sağlık. Hem öğrendim, hem eğlendim gerçek anlamıyla.

[@hasanov3158]

böyle uygulamalar çok iyi oluyor hocam. işin mutfak kısmı her zaman daha mantıklı oluyor. malzemeyi bilsende yapı inşaası düşünerek ilerlemek daha geliştirici. oynatma listesi olarak javascript uygulamaları tarzı birşey bekliyoruz hocam :) şimdiden elinize sağlık :)

[@digitalnomad4844]

Suana kadar ogrendigimiz herseyi pekistircegimiz muthis bir konu olmus , emeginize saglik .

[@berat__kurt]

Evet devrelerimizin yandığı bir ders oldu, inşallah sabaha kadar toplanırız :) Çok güzel bir anlatım güzel bir ders, ilk kez operatörlerden zevk aldım, demek böyleymiş dedim, ama böyle bir algoritma üretmek için tecrübe gerekecek, tekrardan teşekkürler +++

[@furi544]

İngilizce kaynaklardan ne kadar takip etsemde belli küçük noktalarda anlamadığım yerler oluyor. Bu açığı da aslında türkçe kaynaklar kapatabilir. Sizin içerikleriniz de anlamadığım bir sürü noktayı fark ediyorum. Teşekkür ederim emeğiniz için.

[@eelguneezmemmedov1671]

Dostum ingilizce hangi kaynaklari takib ediyorsun Jaava script adina?

[@Jamesis07]

helal be hocam çok iyi geldi javascript içimizden gecicek böyle pratiklerle daha iyi anliyoruz adamsin.

[@amiranaliyev9263]

teshekkurler ustad, hakkiniz buyuk

[@isgenderaliyev7122]

Hocam Azerbaycandan Selamlar. Mukemmel bir anlatim yani JS i bu kadar kolay baska biri anlatamaz cok saq olun.

[@fehmiuyarnet]

Aleykum selam sana ve Azerbaycandaki herkese

[@erolyildirim1995]

çok faydalı bir içerik ogrenilemlerin uygulanması açısından

[@fehmiuyarnet]

İnşallah

[@raciv7205]

bu videoda css öğrendik teşekkürler :)

[@nihatbeyi]

css candır :)

[@shade8103]

teşekkürler hocam verimli bir dersti

[@kurtuluserturk]

Örnek çok faydalı olmuş hocam teşekkürler.

[@cihanbasaran2011]

şahane olmuş bu ders

[@eelguneezmemmedov1671]

Csse kadar ne kadar guzeldi çat çat diye kırdım dökdüm :} Java scripte gelince bi bakdim ben kirilmişım :}}}}}}}}}}}

[@Jamesis07]

Bu iyidi skskskskd

[@hakicakmak8424]

Süpersiniz hocam

[@media7588]

Elinize Sağlık hocam. Bu kodların linkin github ve ya farklı şekilde verseydiniz keşki

[@mevlutbakitapan]

Muhteşem. Başarılı. Emeğinize sağlık.

[@fehmiuyarnet]

Teşekkürler

[@yakupalks8132]

Hocam emeginize saglik, react anlatacak misiniz acaba, sizden dinlemeyi cok isteriz gercekten. udemy uzerinden vs. de olur hocam siz yeter ki anlatin :)

[@wselimzade]

👏🏻👍🏻👏🏻

[@siyar6162]

Abi tum videolarini javascript bilgimi pekistirmek icin izlicem insallah

[@gokhanavc1119]

Fehmi hocam uygulama çok iyi ama bu nasıl bir sıçrama oldu ya :)) Yani biraz ağır oldu bu ders için sanki. Elinize sağlık, teşekkürler.

[@fehmiuyarnet]

Ağır iyidir 😄

[@nihatbeyi]

10 numara

[@cesurofficial3185]

Müthiş.

[@burakaslan5740]

Hocam while döngüsünün içine neden true ataması yaptık orayı detaylı açıklayabilir misiniz kafama oturmadı da...

[@cedric7438]

Döngü True oldukça dön demek yani break yazana kadar döngü hep devam edicek. While içine true deyil koşul yazsan o koşul sağalanana dek döngü devam eder ancak true de sen kırana kadar döngü devam eder

[@gor2em]

28:15 kendi kendisine thug life yapıyor :D

[@fehmiuyarnet]

😊

[@gokhanaydin7815]

👏👏👏

[@TLOZ1986]

Cevapla butonuna tıkladıktan sonra doğru cevabı gösterme nasıl olacak?

[@oguzhankurt5915]

hocam innerHTML ile textContent arasındaki fark nedir acaba ?

[@fehmiuyarnet]

ileriki derslerde anlattım innerhtml içine html kodu yazabilirsin "" mesela. Ama textContent de bunu yapamazsın düz metin yazdırır

[@oguzhankurt5915]

@@fehmiuyarnet anladım hocam aşağı yukarı aynı mantıktalar ama innerHTML ile içeriye html koduda yazdırabilirim ayrıca, teşekkür ederim... Elinize sağlık. Bu arada önceki derslerde bir videonun altına yorum bırakmıştım javascript ile bazı projeler ara ara yapma şansınız olur mu diye, yani kodları daha iyi tanımamız için mesela dört işlem oyununuz gibi :), ve birde reactjs anlatacak mısınız acaba ???

[@fehmiuyarnet]

Vakit bulduğumda react çekeceğim inşallah ancak js ile ilgili projeler şimdilik düşünmüyorum

[@oguzhankurt5915]

@@fehmiuyarnet tamamdır hocam çok teşekkürler, hayırlı geceler.

[@kadirbal]

hocam newQuestion() fonksiyonunda
if (Operator.textContent == "/" && Number1.textContent % Number2.textContent != 0) diye değiştirmemiz daha doğru olmaz mı?
sayılar ilk üretildiğinde eğer kalansız bölünüyorsalar bile Number2'ye tekrardan sayı bulmakla uğraşır çünkü.
videoda çok güzel olmu hocam, ellerinize sağlık.

[@fehmiuyarnet]

Rica ederim. Kadir valla videoda hangi kodları kullandığımı hatırlamıyorum. Ama videoyu izleyen arkadaşlar senin yorumunu da okusunlar eğer dediğin gibiyse senin kodunu uygulasınlar. Katkın için teşekkür ederim

[@TayfunTp]

Doğru katılıyorum..

[@osmanbsirov7292]

Hocam boyle bir problemle karşılaşıyorum yardım ederseniz sevinirim.Uncaught TypeError: Cannot set property 'textContent' of undefined. Teşekkürler

[@osmanbsirov7292]

@@muratakdeniz4685 teşekkürler

[@alibarangunduz8827]

hocam getElementById ile cektiğimiz verileri, atadığımız değişkenleri kullanmadık ?

[@burcubese4332]

dostum nasıl kullanmadık kullandık

[@hasantaskn1594]

baş tacısınız

[@erhani2005]

Acaba cevapla butonuna bastiktan sonra text bolgesini otomatik sifirnacak sekilde nasil yapabiliriz biraz ugrastim ama yapamadim:))

[@ahmetkarakoc5534]

result.value = ""; yapabilirsin. newQuestion fonksioynun sonuna yaz.

[@erhani2005]

@@ahmetkarakoc5534 Tesekur ederim sonradan ugrasip yapmistim cok mutlu olmustum ben de yapabiliyorum diye :-))

[@alitamerkara3249]

hocam 27:00 de true ve false değerlerine direkt "True.textContent++ ve False.textContent++ " yazsak olmaz mıydı arttırma amacıyla

[@salmanozsogut429]

Öncelikle emeklerinizden dolayı teşkekkür ederim. Ancak ben localhostta da uzak sunucuda da çalıştıramadım aynı kodları yazmama rağmen. google geliştirici araçlara girdiğimde şu satırlarda (answer.onclick=function(){......}) Uncaught TypeError: Cannot set properties of null (setting 'onclick') ve şu satırla ilgili:
Operator.textContent=operation[RandomNumber[0,4]];
Uncaught TypeError: Cannot set properties of null (setting 'textContent')
Acaba javasrcript mi tetiklenmiyor diye buton koyup alert dediğimde buton uyarısını alıyorum yani javascript çalışıyor.

[@ahmeterdonmez9195]

Fehmi Hocam ve butun script ogrenmeye calisan arkadaslar selamlar. hocam sanki bolmede tam sayi cikma kontrolu do-while dongusu ile daha temiz ve anlasilir olurdu :
operator = document.getElementById('operator').textContent;
number1 = document.getElementById('number1').textContent;
number2 = document.getElementById('number2').textContent;
if (operator = ['/']) {
do {
number1 = RandomNumber(0, 50);
number2 = RandomNumber(0, 50);
} while (number1 % number2 == 0)
}

[@ahmeterdonmez9195]

pardon en son while da bir duzeltme ****while(number1%number2 !=0)

[@fehmiuyarnet]

Peki

[@furkant6777]

Hocam fonksiyon olusturmadan number1. Diyince innerhtml textcontent gibi yazilar gozukuyor ama fonksiyonun icerisinde number1. Yazinca birsey cikmiyor icerisindeki textcontent innerhtml gibi verilere ulasamiyorum neden oyle

[@furkant6777]

Hocam hep elle yazmak zorunda kaliyorum eger fonk icinde number1. Yazarsam devamini elle yazmak zorunda kaliyorum ama fonk disinda otomatik veriyor style innerhtml textcontent gibi seyleri

[@furkant6777]

@Esat aga bee 8 ay olmus birakali oldu yazilimi ya modele basladim beb

[@furkant6777]

@Esat aynen oyle isin icine oop falan girince zor şeyleri gorunce ugrasmama ragmen anlayamadim bosuna zamani harcadim o yuzden modellemeye yoneldim

[@furkant6777]

@Esat birde yazilimda çok şey istiyorlar iş ilaninda onlar korkuttu beni 😂😂

[@sefaaksux]

@@furkant6777 modelleme nasıl bir alan peki biraz bahseder misin ?

[@ahmetbulbul1642]

Merhabalar. Öncelikle derslerinizi severek takip ediyor ve çok şey öğreniyorum. Elinize ve emeğinize sağlık. Yalnız anlayamadığım bir şey var. Math.random() 0 ile 1 arasında rastgele bir sayı verdiği fakat hiç bir zaman 1 vermediği için,
Math.floor(Math.random() * (max-min)) + min;
yerine
Math.floor(Math.random() * max) + min;
kullanmamız gerekmez mi? Şimdiden teşekkür ederim. İyi çalışmalar.

[@kihramcizadegiller]

cevapla butonuna klavyeden kısayol atama yapabilirmiyiz? birde mouse hiç kullanmadan sadece klavyeden sayıları girip enter tusuna basınca yeni soruya geçse çok iyi olurdu

[@enooo8102]

klave olay tanımlayıcılarına bak onKeyPress olması lazım

[@kihramcizadegiller]

@@enooo8102 tamam tesekkurler.. seri bitirince arastırırım

[@musicland5298]

Fehmi Abi simdi ben diyelimki ekrana 0 yazdirdim yandada buton var ben o butona basinca 1 olsun yine basinca 2 olsun istiyorum bunu nasil yapabilirim?

[@fehmiuyarnet]

değişkene++ yap her seferinde bir arttırır

[@musicland5298]

@@fehmiuyarnet hangi degiskene? ornek kod yazarmisin abi

[@fehmiuyarnet]

dostum tüm seti izle bu söylediklerini rahatlıkla yapabilirsin. 1. videodan başlayarak hepsini izle

[@musicland5298]

@@fehmiuyarnet Fehmi abi artık yapa biliyorum ♥️

[@atillahun8404]

Let deger = document.getElementById('result');
Function Art(){
deger.textContent=Number(deger.textContent)+1;
}
Art fonksiyonunu butonda onclick acarak icine koy

[@1lyv698]

Videonun yarisi css dersleri.

[@MaranliWear]

ABİ BANA 2 ÇARPMA TOPLAMA ÇIAKRMA SORUYORSA 8 BOLME SORUYOR SİNİR OLDUM NEDEN ACABA

[@fehmiuyarnet]

:)

[@RedmiNote-ml5vn]

28:13 cok iyi geldi zaten doru bilemezdim:)))))). Bu adamin kiymetini bilin
Bi de number2.random(0,50) if(/) den sora olmali. Bolme islemi olunca iki sefer uretmesin diye

[@saidahmadli770]

Hocam ilk defadir ki sizinle birlikle yaptigim kodlarim calismadi.Bence '.textContent'i komut olarak algilamadi yani ben oyle dusunuyorum.Bu arada VS Code'la calisiyorum

[@fehmiuyarnet]

Chromedan hatana bak f12 tıkla

[@furkant6777]

Merhaba bendede ayni sorun var fonksiyon içinde algilamiyor bende ama normal şekilde algiliyor fonksiyon disina yazinca sorunu cozdunuz mu 1 yil gecmis aradan yinede soriyim dedim

[@Comopuerte]

Hocam peki ben cevabı girdikten sonra inputtan değeri boşaltmak istiyorum.Bunu nasıl yapabilirim? Bu arada elinize sağlık.

[@fehmiuyarnet]

Form trigger reset olayı yap yada input val boş değere eşitle

[@okaen16]

fehmi hocamiz da cevaplamis ben de cevaplamis olayim yinede. En son yani true ve false sayisini arttirdigimiz yerde newQuestion fonk cagirmadan once > bu kodu eklersen calisir.
***Biliyorum 2-3 yil gecmis aradan ama belki yeni izleyenler merak etmislerdir diye cevapladim

[@EmeraldCowboy]

Kalitesi Neden 360 p ?

[@fehmiuyarnet]

Kalitesi hd olmalı sizin internetten kaynaklı bir sorun olmasın

[@EmeraldCowboy]

@@fehmiuyarnet Hocam Anlıyamadım telefona geçiş yapınca 720 ama pcde 360

[@fehmiuyarnet]

@@EmeraldCowboy ilginç

[@EmeraldCowboy]

@@fehmiuyarnet Hocam iyiki varsınız

[@ahmetkarakoc5534]

bende window.onload = function () { newQuestion(); } kısmı çalışmıyor aynı sorunu yaşayan var mı acaba?

[@nurettinsen473]

kardesım bendede tklayınca skor artmıyor herşey dgru degıskenlerı fnksıyon dısında yazdıgımda rastgele sayılar ble calısmıyor

[@ahmetkarakoc5534]

@@nurettinsen473 Bi ekran görüntüsü at bakalım kardeşim

[@nurettinsen473]

@@ahmetkarakoc5534 çözdüm ya js dosyasini body kapatma etiketinin oraya koyunca çalıştı vallaha

[@Jamesis07]

suan bende o sorun var nasl cözdün? Hata göstermiyor consolde ama tiklayinca rastgele sayi gelmedi 21:59 dakigibi

[@nurettinsen473]

@@Jamesis07 kardeşim html kisminda js dosyanı body tagi bitiminden sonra script açıp yaz

[@omercankara3681]

HOCAM BU HATAYI VERİYOR
Uncaught ReferenceError: Operation is not defined
at newQuestion
at window.onload
KODLARIM
//
Başlıksız Belge

body{
color:#fff;
background-color:Red;
}
#game {
width:400px;
background:purple;
padding:18px;
text-align: center;
margin: auto;
}
h1{
margin:0 0 18px; 0;
border: solid 1px #fff;
padding: 5px;
font-weight: 400;
}
span{
font-size:125%;
padding: 12px;
}
#result{
width:90px;
}
#answer{
margin-top: 10px;
padding: 5px;
border:none;
width:100px;
}
#True,#False{
font-size: 30px;
margin-top:10px;
padding:10px;
display: inline-block;
}

#True{
background:#3F6;
}
#False{
background:#00F
}
Dort İslem
0
*
0
0
0
var Number1,Number2,Operator,result,answer,True=0,False=0;
Number1=document.getElementById('Number1');
Number2=document.getElementById('Number2');
Operator=document.getElementById('Operator');
result=document.getElementById('result');
answer=document.getElementById('answer');
True=document.getElementById('True');
False=document.getElementById('False');
//RASTGELE SAYI OLUSTURMA
function RandomNumber(min,max){
var number=Math.floor(Math.random()*(max-min))+min;

return number;
}
//OYUN BAŞLADIGINDA SORU SORMA FONKS.
function newQuestion(){
var operation=["+","-","*","/"];
operation.textContent=Operation[RandomNumber(0,4)];
Number1.textContent=RandomNumber(0,50);
Number2.textContent=RandomNumber(0,50);
if (Operator.textContent=="/"){
while (true){
number2.textContent=RandomNumber(0,50);
if(number1.TextContent%Number2.textContent==0){
break;
}
}
}
}
window.onload=function(){

newQuestion();
}
answer.onClick=function(){
var ans,n1,n2;
n1=Number(Number1.textContent);
n2=Number(Number2.textContent);
switch(Operator.textContent){
case '+':ans=n1+n2;break;
case '-':ans=n1-n2;break;
case '*':ans=n1*n2;break;
case '/':ans=n1/n2;break;
default:break;


}
if(result.value==ans){
True.textContent=Number(True.textContent)+1;
False.textContent=Number(False.textContent)+1;
}
newQuestion();
}

[@teknolojianalizleri6003]

Kodunu biraz inceledim büyük kücük harflere dikkat etmemişsin yazım yaparken bazı yerlerde TextContent Bazı yerlerde textContent şeklinde yazmışsın bazı yerlerde Operator yazman gereken yerlerde Operation şeklinde yazmışsın bi dikkat dağınıklığı olmuş sanırım.. bu tarz hatalarla karşılacak arkadaşlar büyük kücük harflere dikkat etsinler. window.onload kısma kadar inceleyebildim oraya kadar ki sorunsuz kod bloğu şu şekilde ;
var Number1,Number2,Operator,result,answer,True=0,False=0;
Number1=document.getElementById('Number1');
Number2=document.getElementById('Number2');
Operator=document.getElementById('Operator');
result=document.getElementById('result');
answer=document.getElementById('answer');
True=document.getElementById('True');
False=document.getElementById('False');
//RASTGELE SAYI OLUSTURMA
function RandomNumber(min,max){
var number=Math.floor(Math.random()*(max-min))+min;
return number;
}
//OYUN BAŞLADIGINDA YENİ SORU SORMA FONKS.
function newQuestion(){
var operation=["+ ","- ","* ","/ "];
Operator.textContent=operation[RandomNumber(0,4)];
Number1.textContent=RandomNumber(0,50);
Number2.textContent=RandomNumber(0,50);
if (Operator.textContent=="/ "){
while (true){
Number2.textContent=RandomNumber(0,50);
if(Number1.textContent%Number2.textContent==0){
break;
}
}
}
}
window.onload=function(){
newQuestion();
}

[@ottoskorzeny1708]

0,50 değilde 0,99 arası yapa bilirmiyiz?