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>
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>