OneCompiler

LOGIN user name or password

345

"use strict";

let hide = document.getElementById('divv');
hide.style.display = 'none';

function userCorrect(input1, input2) {
while (true) {
input1 = prompt("Enter you name");
input2 = prompt("Enter your password");
let inputTest = input1 || input2 || "Blank";
let fff = (inputTest);
console.log(input1, input2)
if (userData(input1, input2)) {
alert("Welcome to our system")
userAccess();
break;
} else if (fff == "Blank") {
break
}
}
}

function userData(input1, input2) {
let input1t = "fas";
let input2t = "123";
console.log(input1, input1);
if (input1t == input1 && input2t == input2) {
console.log(true);
return true;
} else {
console.log(false);
return false;
}
}

function userAccess() {
let block = document.getElementById('divv');
block.style.display = 'block';
document.getElementById("click").style.display = 'none';
document.getElementById('user').style.display = 'none';
document.getElementById('pass').style.display = 'none';
document.getElementById("ok").style.display = "none";
document.getElementById('aler').style.display = 'none'
}

function enterNow() {
document.getElementById('user').innerHTML = "User Name : fas";
document.getElementById('pass').innerHTML = "Password : 123";
document.getElementById('aler').innerHTML = "You are not member then don't input anything"
document.getElementById("ok").style.display = "block";
}

--------html -----------

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 id="click"><input onclick="enterNow()" type="button" value="Are you member click button"></h1> <p id="user"></p> <p id="pass"></p> <u id="aler"></u> <button onclick="userCorrect()" style="display:none;" id="ok">ok</button> <div class="divv" id="divv"> <h1>Hello, Wellcome to my javascript page <hr> </h1> 
    <div class="abcd">

    </div>

    <form name="myform" action="">
        <input type="password" name="fname" id="fname">
        <input type="submit" value="submit">
    </form>

    <!-- <script>
    let youName = escape(document.myform.fname.value) + ";";
    console.log(youName)
</script> -->

    <form name="myform" action="">
        Enter name: <input type="text" name="customer" />
        <input type="button" value="Set Cookie" onclick="WriteCookie();" /> </form>
    <div class="ThisHading" id="ThisHading">
        <h1 id="headp"></h1>
        <hr>
        <p id="loremp"></p>
    </div>
    <p id="letp"></p>

    <img src="3photosec3.png" alt="no internet">

</div>