THAPA TECHNICAL

HOUSE OF WEB DEVELOPERS AND TECHNOLOGY.

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">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>

21 comments:

  1. Mr. Thapa

    Very much impressive.

    Nice effort.

    Heartiest regards.

    ReplyDelete
  2. At present, mini-computers are structured with the end goal that they can deal with both basic just as the most perplexing scientific circumstances.
    equation solver

    ReplyDelete
  3. Thanks for explaining everything in detail. I can use this for my reference. Looking forward to learn more from your articles.

    Faribault Website Design
    mn web design

    ReplyDelete
  4. Excellent blog! I am amazed with suggestions of author. Find Single Men

    ReplyDelete
  5. Articulately written and well figured out.
    mortgage calculator

    ReplyDelete
  6. 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

    ReplyDelete
  7. Nice Collection!!!!

    indiaonpc.com

    ReplyDelete
  8. I 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 :
    love calculator by name

    ReplyDelete
  9. Really Owesome Script. for more Visit CjFlare

    ReplyDelete
  10. Not so good. It returns only a random number. It doesn't follow the actual love calculator program.

    Take a look here:
    http://www.conversionary.cf

    ReplyDelete
  11. 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
  12. Great post 조개모아! I am actually getting 무료성인야동ready to across this information 무료야동사이트, is very helpful my friend 한국야동. Also great blog here 실시간야동 with all of the valuable information you have 일본야동. Keep up the good work 성인사진 you are doing here 중국야동. 무료야동

    ReplyDelete
  13. Great post 먹중소! I am actually getting 먹튀중개소ready to across this information 토토사이트, is very helpful my friend 먹튀검증. Also great blog here 온라인카지노 with all of the valuable information you have 먹튀검증사이트. Keep up the good work 안전놀이터 you are doing here 먹튀사이트. 검증사이트

    ReplyDelete
  14. Great post 토렌트사이트! I am actually getting 야동사이트ready to across this information 먹튀검증사이트, is very helpful my friend 웹툰사이트. Also great blog here 성인용품 with all of the valuable information you have 스포츠중계. Keep up the good work 드라마다시보기 you are doing here 한인사이트. 무료야동

    ReplyDelete
  15. Great post 조개모아! I am actually getting 무료성인야동ready to across this information 무료야동사이트, is very helpful my friend 한국야동. Also great blog here 실시간야동 with all of the valuable information you have 일본야동. Keep up the good work 성인사진 you are doing here 중국야동. 무료야동

    ReplyDelete