Javascript function doesn't get called in html

JavaScript
1 
<html>
<head>
<title>
Login Page
</title>
</head>
<body>
<form name="login">
Username: <input type="text" id="userid"/><br></br>
Password: <input type="password" id="pswrd/"><br></br>
<input type="button" onclick="check()" value="Login"/>
<input type="reset" value="Reset"/>
</form>
<script>
function check()
{
var userid=document.getElementById("userid").value;
var pswrd=document.getElementById("pswrd").value;
if(userid=="mano" &&  pswrd=="1234")
{
document.write("Hi bro");
}
else
{
alert("Error username or password")
}
}
</script>
</body></html>

Plz help me

2

Hi @Manohar123 !

Screenshots are hard to read.
Please write code directly into the forum.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

4 
plz check now
5

Your ids don’t match.

Double check your spelling in the HTML and make sure you are using the correct id names

6

remove the “/” from “pswrd”. then you are good to go

7

it worked man thank you

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.