Scribd
Upload
3 views2 pages

!Doctype HTML

The document is an HTML code for a 'Premium Love Calculator' web application that calculates compatibility between two names. It features a user interface with input fields for names, a button to check compatibility, and displays the result with a percentage and a descriptive message. The design includes a dark theme with pink accents and uses JavaScript to perform the compatibility calculation based on the ASCII values of the characters in the names.

Uploaded by

shanthrakalakala
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views2 pages

!Doctype HTML

The document is an HTML code for a 'Premium Love Calculator' web application that calculates compatibility between two names. It features a user interface with input fields for names, a button to check compatibility, and displays the result with a percentage and a descriptive message. The design includes a dark theme with pink accents and uses JavaScript to perform the compatibility calculation based on the ASCII values of the characters in the names.

Uploaded by

shanthrakalakala
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Premium Love Calculator</title>
<style>
body {
font-family: 'Arial', sans-serif;
background: #1a000d;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.calc-box {
background: #2d0016;
padding: 40px;
border-radius: 15px;
box-shadow: 0 0 25px rgba(255, 20, 147, 0.4);
text-align: center;
width: 360px;
border: 1px solid #ff1493;
}
h2 { color: #ff1493; font-size: 26px; margin-bottom: 25px; }
input {
width: 90%;
padding: 12px;
margin: 10px 0;
border: 1px solid #ff1493;
background: #4d0026;
color: #fff;
border-radius: 8px;
font-size: 16px;
text-align: center;
}
button {
background: #ff1493;
color: white;
border: none;
padding: 12px 35px;
font-size: 16px;
border-radius: 8px;
cursor: pointer;
margin-top: 20px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
button:hover { background: #ff66b2; }
#output {
margin-top: 30px;
font-size: 24px;
font-weight: bold;
}
.desc { font-size: 16px; color: #ffb3d9; margin-top: 8px; }
</style>
</head>
<body>

<div class="calc-box">
<h2>⚡ True Love Meter ⚡</h2>
<input type="text" id="p1" placeholder="First Name">
<input type="text" id="p2" placeholder="Second Name">
<br>
<button onclick="checkMatch()">Find Compatibility</button>
<div id="output"></div>
</div>

<script>
function checkMatch() {
const p1 = [Link]('p1').[Link]();
const p2 = [Link]('p2').[Link]();

if (!p1 || !p2) {
[Link]('output').innerHTML = "<span style='font-size:16px;
color:#ff66b2;'>Enter both names!</span>";
return;
}

let combined = (p1 + p2).toLowerCase();


let count = 0;
for (let i = 0; i < [Link]; i++) {
count += [Link](i);
}

let percentage = (count % 51) + 50;


let text = "";

if (percentage > 85) text = "❤️Unstoppable Duo!";


else if (percentage > 70) text = "🔥 Great Vibes & Chemistry!";
else text = "✨ Good match, keep talking!";

[Link]('output').innerHTML = percentage + "% <div class='desc'>" + text +


"</div>";
}
</script>

</body>
</html>

You might also like