<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Love Calculator</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="loveCalculator">
<h1>Love Calculator</h1>
<p>Enter your name and your partner's name to calculate your love percentage!</p>
<input type="text" id="name1" placeholder="Your Name" />
<input type="text" id="name2" placeholder="Partner's Name" />
<button id="calculateBtn">Calculate Love</button>
<div id="result" class="hidden">
<h2>Your Love Compatibility:</h2>
<div id="lovePercentage"></div>
<p id="message"></p>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
0 Comments