Love Tester JavaScript Code

Love tester javascript code template

Here is a complete love tester javascript code template for developing a test of attraction of love full script with functionality.

Everyone can modify this code with a custom editing process and the style with design and layout can be changed accordingly.


<!DOCTYPE html>
<html>
<head>
	<title>Love Calculator</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body{
	background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	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 by Rankbp.com</div>
    <div class="card-body">
  	<form class="form-inline w-75 m-auto">
  		<div class="form-group">
  			<input type="text" class="form-control text-center" placeholder="Your Name">
  		</div>

  			<div> <span class="pl-4 pr-4">  + </span> </div>

  			<div class="form-group">
  			<input type="text" class="form-control text-center" placeholder="Lover Name">
  		
         </div>
  		
  	</form>
  	<br>
  
  	<div class="w-50 m-auto">
  	<button class="btn btn-success w-50" onclick="checklovepercentage()"> Click </button>
  	</div>
  	<br>
  	<div>
  	<input type="text"  id="lovevalue" class="form-control text-center w-25 m-auto"
  	 placeholder=" Love-Percentage">
  	</div>
  			
</header>

<script>
	function checklovepercentage(){
		var lovedata = Math.random() * 100;
		lovedata = Math.floor(lovedata);
		document.getElementById('lovevalue').value = lovedata + "%";
	}


</script>
</body>
</html>

What is Love Tester Script Code

Straightforward Love Percentage Calculator Project is perhaps a smaller than usual venture
created by Javascript language.

The most mark of this undertaking is to compute the love rate
between the couple inside a second with only name with correct spelling

Love Tester Definition

It does not need to make data sets to store the information for working out. First clients ought to enter their name and/or their sweetheart’s name.
Then, at that point, he should tap the compute box to ask the consequences of love in rate.

How to use this script code

To alter or modify this content of script function or design you want to open
so have to open the index.html in notepad++ or any word processor.

The design of the love tester will be customizable with ease and enjoyment features in your particular manner.

Assuming you need to change this script code anyway so you can anytime in any case regardless.

Scroll to Top