BROTHER SISTER Love Calculator Using JavaScript HTML and CSS With Code to Find Love Percentage
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">BROTHER-SISTER 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="SISTER" 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="BROTHER" 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>
This article describes how to play a love calculator in JavaScript. A love calculator is an application that allows you to know how compatible you and your partner are and how strong shall be the depth of love between you and your dear one.
What is a Love Calculator?
Contrary to what Shakespeare said, apparently, there is a lot in a name, at least when you are trying to find the compatibility quotient between you and your love interest. The Love Calculator uses specific complex algorithms and is, at its core, based on the science of numerology.
Why we need a love calculator?
Love meter acts as an authentic source that enables us to find the tuning with our partner in the love relationship. To check the compatibility of your love our online love detector uses numerology and planetary information associated with your names and calculates your love percentage. It generates a proper report card for your relationship.
Love Calculator Algorithm: Calculate your intensity of Love
Love, a four-letter word is enough to give meaning to your life. It feels so exciting when you are in love. The most important thing about love is to be sure about this feeling as love can be both the creator and the destroyer. Love is a very positive feeling which fills life with happiness. But wait, love is not a cakewalk. It takes efforts and a lot of care to nurture love.
How to use it:
- Enter your Brother name in the first box
- Enter your Sister name in the second box
- Click on click button and it will show you the love percentage
- BROTHER-SISTER LOVE CALCULATOR
- SISTER
- +
- BROTHER
- LOVE PERCENTAGE
- God Bless Your RelationShip
