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
ReplyDeletecdfasdfasdf
DeleteError 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???
ReplyDeleteGreat 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 중국야동. 무료야동
ReplyDeleteGreat 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 먹튀사이트. 검증사이트
ReplyDeleteGreat 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 한인사이트. 무료야동
ReplyDeleteGreat web site. A lot of useful information here. I’m sending it to several friends ans also sharing in delicious. And obviously, thanks in your effort! 야설
ReplyDeleteFeel free to visit my blog :
야설
Very good information. Lucky me I recently found your website by accident I have book marked it for later!
ReplyDelete일본야동
Feel free to visit my blog : 일본야동
This blog is very informative the stuff you provide I really enjoyed reading 국산야동
ReplyDeleteFeel free to visit my blog : 국산야동
ReplyDeleteI would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. 일본야동
Feel free to visit my blog : e 일본야동
I have read your blog it is very helpful for me. I want to say thanks to you. I have bookmark your site for future updates.
ReplyDelete야설
Feel free to visit my blog : 야설
I like this website its a master peace ! Glad I found this on google .
ReplyDeleteI must say, as a lot as I enjoyed reading what you had to say, I couldn't help but lose interest after a while.
고스톱
Your website is really cool and this is a great inspiring article.
ReplyDelete토토사이트
It is very lucky to me to visit your website. We hope you continue to publish great posts in the future.
ReplyDelete성인웹툰
This is by far the best post I've seen recently. This article, which has been devoted to your efforts, has helped me to complete my task.
ReplyDelete안전놀이터
This approach aleven though turned into in use for a completely lengthy period, quickly have become obsolete.Math calculator
ReplyDeleteGreat Article android based projects
ReplyDeleteJava Training in Chennai Project Center in Chennai Java Training in Chennai projects for cse The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training Project Centers in Chennai
Great job here on. I read a lot of blog posts, but I never heard a topic like this. I Love this topic you made about the blogger's bucket list. Very resourceful. 토토커뮤니티
ReplyDeleteI want to read more of your good articles. Well done.
ReplyDeleteเทคนิคเล่นเกมยิงปลา
Thanks for sharing direct useful love calculator javascript code . Great website also visit: Technical Arp
ReplyDeleteThank you for recommending a good thread.
ReplyDeleteปั่นสล็อตให้ได้เงิน
I really thank you for the valuable info on this great subject and look forward to more great posts. Thanks a lot for enjoying this beauty article with me. I am appreciating it very much! Looking forward to another great article. Good luck to the author! All the best! pre delay calculator
ReplyDeleteVery nice blog and articles. I am very happy to visit your blog. แนะนำเพื่อนได้ค่าคอม
ReplyDeleteI want to read more of your good articles. Well done.
ReplyDeleteสล็อตเกมฮิต ufaslot
Really helpful article sa gaming
ReplyDeleteCan we use internal CSS to change the theme design of objects without changing the basic code? If this is possible then I would like to know the explanation of this method and its advantages and disadvantages. Cheap Dissertation Writing Services
ReplyDeleteInterestingly you write, I will address you'll find exciting and interesting things on similar topics. Satta king online
ReplyDeleteNice article, I want to share this article sa gaming ขั้นต่ำ10บาท
ReplyDeleteTks 슬롯커뮤니티
ReplyDeleteRoyalcasino29
ReplyDeletefake codings
ReplyDeleteThank you for a good articleผลบอลเมื่อวาน ทีเด็ดบอลวันนี้
ReplyDeleteI loved the way you talked about every aspect in detail. Thanks for sharing such great information. Blogs like these inspire me to write too. Here is an example I want to share with you.
ReplyDeletelastfour1234114@gmail.com
ReplyDeleteรีวิวเกมสล็อตกำไรง่าย
After reading this article, I am very impressed. Thanks to the people who shared with me to read. So I want to share it with everyone to read.รีวิวเกมสล็อตกำไรง่าย
I really appreciate your useful articles and best information.i want to follow you again.From the many comments on your article I think I'm not the only one happy here. Keep up the good work.เกมสล็อตเดิมพันขั้นต่ำ1บาท
ReplyDelete