Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <style> body{ background-color:#f2f2f2; } div.myform{ background-color:#fff; box-shadow: 2px 5px 30px rgba(0,0,0,.1); padding:10px; text-align:center; } </style> </head> <body dir="rtl"> <div class="myform"> <h2>نام کاربری تو وارد کن</h2> <p>نام کاربری test را وارد نمایید</p> <input type="text" placeholder="نام کاربری تو وارد کن" id="UserName"> <button onclick="myfunc();">چک کن</button> </div> <script> function myfunc(){ var userinput = document.getElementById("UserName").value; var username = "test"; var userpassword = "12345"; if( userinput == username ){ alert("رمز شما هست" + " " + userpassword); } else{ alert("نام کاربری وارد شده اشتباه می باشد"); } } </script> </body> </html>