JS Hata veriyor

Sydatolo · 23 Ağustos 2021

JavaScript:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <ul type="none">
            <li><input type="text" id="email" placeholder="%email%"></li>
            <li><input type="text" id="passw" placeholder="%password%"</li><br/><br/>
            <li><input type="button" id="btn" value="CONFIRM"></li>
            <br/><br/><br/><br/><br/>
            <div id="part"></div>
            <script>
                var $btn;
                var $email;
                var $passw;
                $btn=document.getElementById("btn");
                $btn.onclick()=function(){
                    $email=document.getElementById("email");
                    $passw=document.getElementById("passw");
                    document.getElementById("part").innerHTML=$email.value;
                    if($email.value=="kaoatakan@gmail.com" && $passw.value=="_4dm1n235"){
                        document.getElementById("part").innerHTML="LOGIN: SUCCES<br>EMAIL: kaoatakan@gmail.com<br>STATUS: ADMIN";
                    }else{
                        document.getElementById("part").innerHTML="LOGIN: FAILED<br>EMAIL: "+$email.value+"<br>STATUS: NOT ADMIN";
                    }
                }
            </script>
        </ul>
    </body>
</html>

"part" divine yazı gelmedi, neden oldu? Çözebilir misiniz?

ctrlshift · 23 Ağustos 2021

18. satırda onclick'ten sonra gelen parantezleri silersen çalışacaktır.

Ecmel · 23 Ağustos 2021

[CODE lang="html" title="HTML"]<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<ul type="none">
<li><input type="text" id="email" placeholder="%email%"></li>
<li><input type="text" id="passw" placeholder="%password%"></li><br/><br/>
<li><input type="button" id="btn" value="CONFIRM"></li>
<br/><br/><br/><br/><br/>
<div id="part"></div>
<script>
var email;
var passw;
var btn=document.getElementById("btn");
btn.onclick=function(){
email=document.getElementById("email");
passw=document.getElementById("passw");
if(email.value=="kaoatakan@gmail.com" && passw.value=="_4dm1n235"){
document.getElementById("part").innerHTML="LOGIN: SUCCES<br>EMAIL: kaoatakan@gmail.com<br>STATUS: ADMIN";
}else{
document.getElementById("part").innerHTML="LOGIN: FAILED<br>EMAIL: "+email.value+"<br>STATUS: NOT ADMIN";
}
}
</script>
</ul>
</body>
</html>[/CODE]

Bu şekilde yaparsan sorun çözülür.

Eğer bir giriş ekranını bu yöntemle yapmaya çalışıyorsan yanlış bir yoldasın bilgine. Front-End üzerinde yazılan kodları kaynaktan erişip giriş bilgilerine ulaşırlar çok rahatlıkla, sadece bir denemeyse problem yok kolay gelsin.

JS Hata veriyor

Sydatolo

Hectopat

ctrlshift

Kilopat

Ecmel

Megapat