Sign In Page
The goal of this coding exam is to quickly get you off the ground with Conversions and Conditional Statements.
Use the below reference image.
//assets.ccbp.in/frontend/content/dynamic-webapps/signin-op.gif
HTML
Enter your Name
Enter your Password
Sign In
CSS
.button {
color: #ffffff;
background-color: #0967d2;
font-size: 14px;
border-width: 0;
border-radius: 4px;
margin: 10px;
padding: 10px;
}
Answer to Question #329746 in HTML/JavaScript Web Application for Suresh
myFormEl.addEventListener["submit", function[] {
event.preventDefault[];
if [nameEl.value != '' && passwordEl.value != ''] {
resultErrMsgEl.innerText = 'Login Success';
} else {
resultErrMsgEl.innerText = 'Fill in the required details';
}
}];
3 cases are not executed please help this is same format need
CCBP Login
User Name
Password
Submit
.wrapper {
width: 100%;
min-height: 100vh;
}
.container {
width: 100%;
max-width: 100%;
display: flex;
flex-flow: column wrap;
justify-content: center;
}
.error {
color: red;
}
.title {
text-align: center;
margin-bottom: 36px;
}
.form {
text-align: center;
width: 250px;
margin: 0 auto;
}
.form-group {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
}
input {
margin-top: 10px;
}
button {
width: 80px;
height: 50px;
background-color: #0073CF;
color: #fff;
}
let myFormEl = document.getElementById["myForm"];
let nameEl = document.getElementById["name"];
let nameErrMsgEl = document.getElementById["nameErrMsg"];
let passwordEl = document.getElementById["password"];
let passwordErrMsgEl = document.getElementById["passwordErrMsg"];
let resultErrMsgEl = document.getElementById["resultMsg"];
nameEl.addEventListener["blur", function[event] {
if [event.target.value === ""] {
nameErrMsgEl.textContent = "Required*";
} else {
nameErrMsgEl.textContent = "";
}
}];
passwordEl.addEventListener["blur", function[event] {
if [event.target.value === ""] {
passwordErrMsgEl.textContent = "Required*";
} else {
passwordErrMsgEl.textContent = "";
}
}];
myFormEl.addEventListener["submit", function[] {
event.preventDefault[];
if [nameEl.value != '' && passwordEl.value != ''] {
resultErrMsgEl.innerText = 'Login Success';
} else {
resultErrMsgEl.innerText = 'Fill in the required details';
}
}];