JavaScript hatası
Merhaba arkadaşlar. Javascript kodum sıkıntı çıkartıyor. Ben aslında çok daha büyük bir proje için kodluyorum fakat o kod çalışmayınca bu kodları denedim ve çalıştıramadım. Nerede hata olduğunu anlatabilir misiniz?
kodlar
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="wdocument.getElementByIdth=device-wdocument.getElementByIdth, initial-scale=1.0">
<title>Hesap Makinesi</title>
<script src="jquery.js"></script>
<script src="javaScriptFunctions.js"></script>
</head>
<body>
<input id="ad" placeholder="Adınız"><br>
<input id="soyad" placeholder="soyadınız"><br>
<button id="tamam">Tamam</button>
<script>
var ad = document.getElementById("ad"),
soyad=document.getElementById("soyad"),
ad=ad.value,
soyad=soyad.value;
document.getElementById("tamam").onclick=function(){
alert("Adınız :"+ad+" Soyadınız: "+soyad+". Sisteme hoş geldiniz.");
}
</script>
</body>
</html>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (5)
Aşağıdaki kodu yazarsan sorunsuz çalışır.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hesap Makinesi</title>
<script src="jquery.js"></script>
<script src="javaScriptFunctions.js"></script>
</head>
<body>
<input id="ad" placeholder="Adınız"><br>
<input id="soyad" placeholder="soyadınız"><br>
<button id="tamam">Tamam</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
let ad = document.getElementById("ad").value;
let soyad = document.getElementById("soyad").value;
let tamam = document.getElementById("tamam");
tamam.addEventListener('click', function(){
alert("Adınız :"+ad+" Soyadınız: "+soyad+". Sisteme hoş geldiniz.");
});
});
</script>
</body>
</html>
Merhaba arkadaşlar. @lucifer kardeşim dediğini yaptım fakat kodun çalışmadı. Kodlar şu şekilde:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="wdocument.getElementByIdth=device-wdocument.getElementByIdth, initial-scale=1.0">
<title>Deneme</title>
<script src="jquery.js"></script>
<script src="javaScriptFunctions.js"></script>
</head>
<body>
<input id="ad" placeholder="Adınız"><br>
<input id="soyad" placeholder="soyadınız"><br>
<button id="tamam">Tamam</button>
<script>
var ad=document.getElementById('ad').value;
var soyad = document.getElementById('soyad').value;
document.getElementById("tamam").onclick=function(){
alert("Adınız :"+ad+" Soyadınız: "+soyad+". Sisteme hoş geldiniz.");
}
</script>
</body>
</html>
Merhaba. Benim bildiğim kadarıyla, var ad="mert",
soyad="özer";
yazınca ad ve soyad olmak üzere iki tane değişkenimiz oluyor. Yani araya ; koyarak tekrar var yazmanın ne mantığı var ki?
Ayrıca kodumda soyad değişkenini de tanımladım. Teşekkürler. Kodlarımı renklendirmeye çalışacağım.
Merhaba dostum sorunu sorarken kodu direkt kopyala yapıştır olarak atmaktansa markdown kullanarak atarsan kodlar renklenir ve daha güzel görünür bu da yardım etmek isteyenlerin işini kolaylaştırır ve böylelikle Tayfun'u sinirlendirmemiş olursun :)