PWEB 3 Javascript
5025201139
Nabila Zakiyah Khansa Machrus
JavaScript adalah bahasa pemrograman yang digunakan dalam pengembangan website agar lebih dinamis dan interaktif. JavaScript dapat meningkatkan fungsionalitas pada halaman web. Bahkan dengan JavaScript ini kamu bisa membuat aplikasi, tools, atau bahkan game pada web.
Bicara teknis, JavaScript atau kita singkat menjadi JS merupakan bahasa pemrograman jenis interpreter, sehingga kamu tidak memerlukan compiler untuk menjalankannya. JavaScript memiliki fitur-fitur seperti berorientasi objek, client-side, high-level programming, dan loosely typed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //Index | |
| <!DOCTYPE html> | |
| <head> | |
| <title> Login Form </title> | |
| </head> | |
| <body> | |
| <h3> LOGIN </h3> | |
| <formform="Login_form" onsubmit="submit_form()" {">"} | |
| <h4> USERNAME </h4> | |
| <input type="text" placeholder="Enter your email id" /> | |
| <h4> PASSWORD </h4> | |
| <input type="password" placeholder="Enter your password" /><br><br> | |
| <input type="submit" values="Login" /> | |
| <input type="button" values="SignUp" onClick="create()" /> | |
| </formform> | |
| <script type="text/javascript"> | |
| function submit_form(){ | |
| alert("Login successfully"); | |
| } | |
| function create(){ | |
| window.location = "signup.html"; | |
| } | |
| </script> | |
| </body> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title> SugnUp Page </title> | |
| </head> | |
| <body align="center"> | |
| <h1> CREATE YOUR ACCOUNT </h1> | |
| <table cellspascing="2" align="center" cellpadding="8" border="0"> | |
| <tr><td> Name </td> | |
| <td><input type="text" placeholder="Enter your name" id="n1"></td></tr> | |
| <tr><td> Email </td> | |
| <td><input type="text" placeholder="Enter your email id" id="e1"></td></tr> | |
| <tr><td> Set Password </td> | |
| <td><input type="password" placeholder="Set a password" id="p1"></td></tr> | |
| <tr><td> Confirm Password </td> | |
| <td><input type="password" placeholder="Confirm your password" id="p1"></td></tr> | |
| <tr><td> | |
| <input type="submit" value="Create" onclick="create_account()"> | |
| </table> | |
| <script type="text/javascript"> | |
| function create_account(){ | |
| var n=document.getElementById("n1").value; | |
| var e=document.getElementById("e1").value; | |
| var p=document.getElementById("p1").value; | |
| var cp=document.getElementById("p2").value; | |
| var letters = /^[A-Za-z]+$/; | |
| var email_val = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; | |
| if(n==''||e==''||p==''||cp==''){ | |
| alert("Enter each details correctly"); | |
| } | |
| else if(!letters.test(n)){ | |
| alert('Name is incorrect must contain alphabets only'); | |
| } | |
| else if(!email_val.test(e)){ | |
| alert('Invalid email format please enter valid email id'); | |
| } | |
| else if(p!=cp){ | |
| alert('Password not matching'); | |
| } | |
| else if(document.getElementById("p1").values.lenght > 12){ | |
| alert("Password maximum lenght is 12"); | |
| } | |
| else if(document.getElementById("p1").values.lenght < 6){ | |
| alert("Password minimum lenght is 6"); | |
| } | |
| else{ | |
| alert("Your account has been created successfully... Rediracting to JavaTPoint.com"); | |
| window.location="https://www.javapoints.com/"; | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> |
Komentar
Posting Komentar