Love Calculator Using JavaScript HTML and CSS With Code to Find Love Percentage
<!DOCTYPE html>
<html>
<head>
<title></title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<style >
body{
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('https://images.pexels.com/photos/1028725/pexels-photo-1028725.jpeg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100vh;
position: relative;
}
header{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
</head>
<body>
<header >
<div class="card w-50 m-auto text-center ">
<div class="card-header bg-danger text-white">LOVE CALCULATOR</div>
<div class="card-body">
<form class="form-inline w-75 m-auto">
<div class="form-group">
<input type="text" name="" class="form-control text-center" placeholder="Your Name" id="name" >
</div>
<div class="pl-4 pr-4">
<span> + </span>
</div>
<div class="form-group">
<input type="text" name="" class="form-control text-center" placeholder=" Love Name" id="lname">
</div>
</form> <br>
<div class="w-70 m-auto">
<button class="btn btn-success w-50" onclick="checkloveper()"> click </button>
</div>
<br>
<div>
<input type="text" name="" placeholder="LOVE PERCENTAGE" class="form-control text-center w-25 m-auto" id="lovevalue">
</div>
</div>
<div class="card-footer ">God Bless Your RelationShip</div>
</div>
</header>
<script>
function checkloveper(){
var name = document.getElementById('name').value;
var lname = document.getElementById('lname').value;
if(name == ""){
alert('Please enter your name');
}else if (name.length <=2 ) {
alert('Min lenght is 3')
}else if(!isNaN(name)){
alert('Numbers are not allowed');
}
else if(lname == ""){
alert('Please enter your love name');
}else if (lname.length <=2 ) {
alert('Min lenght is 3')
}else if(!isNaN(lname)){
alert('Numbers are not allowed');
}
else{
var lovdata = Math.random() * 100;
lovdata = Math.floor(lovdata);
document.getElementById('lovevalue').value = lovdata + "%";
}
}
</script>
</body>
</html>
Mr. Thapa
ReplyDeleteVery much impressive.
Nice effort.
Heartiest regards.
At present, mini-computers are structured with the end goal that they can deal with both basic just as the most perplexing scientific circumstances.
ReplyDeleteequation solver
Thanks for explaining everything in detail. I can use this for my reference. Looking forward to learn more from your articles.
ReplyDeleteFaribault Website Design
mn web design
Excellent blog! I am amazed with suggestions of author. Find Single Men
ReplyDeletethanks trixwale
ReplyDeleteArticulately written and well figured out.
ReplyDeletemortgage calculator
With so many books and articles coming up to give gateway to make-money-online field and confusing reader even more on the actual way of earning money, online antiderivative calculator
ReplyDeleteThanks for sharing code
ReplyDeleteError in Line 26
ReplyDeleteFhjhjjjcg
ReplyDeleteNice Collection!!!!
ReplyDeleteindiaonpc.com
nice workdone bro
ReplyDeleteI think this is among the most important info for me. And I am glad to read your article. But want to remark on some things, The website style is great, the articles is really great :
ReplyDeletelove calculator by name
Really Owesome Script. for more Visit CjFlare
ReplyDeleteits amazing
ReplyDeleteNot so good. It returns only a random number. It doesn't follow the actual love calculator program.
ReplyDeleteTake a look here:
http://www.conversionary.cf
Bhai Maine Validation Try Ki par voh chala hi nahi phir maine source code liya phir bhi nahi chala voh bas apna naam likh ne ke baad percentage bata dera tha love name likhne hi nahi deraha tha kyu???
ReplyDelete