home / calculators for your site / love calculator for your site

Love Calculator for Your Site

Feel free to use our Love Calculator on your website. The example implementation is shown below. It is possible to alter the color, font, and certain parts of the code to best fit your website.

Name of Person 1

Name of Person 2

Installation Instructions

To install, copy all of the code in the following text area into the HTML source code of your website. You may adapt the HTML and CSS to match your site design, but do not modify the JavaScript logic. See the Terms of Service for further detail.

TERMS OF USE
BY COPYING THE CODE FOR USE, YOU AGREE:
1. THAT THE MATERIALS ARE PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND
2. NOT TO CHANGE ANY OF THE JAVASCRIPT CODE, INCLUDING THE LICENSE TEXT
3. NOT TO REMOVE THE TERMS OF USE

<script>
/*****************************************
*****************************************/
function gObj(B){var A;if(document.all){if(typeof B=="string"){return document.all(B)}else{return B.style}}if(document.getElementById){if(typeof B=="string"){return document.getElementById(B)}else{return B.style}}return null}function showquickmsg(B,A){if(A){B="<font color=red>"+B+"</font>"}gObj("coutput").innerHTML=B}function trimAll(A){while(A.substring(0,1)==" "){A=A.substring(1,A.length)}while(A.substring(A.length-1,A.length)==" "){A=A.substring(0,A.length-1)}return A}function getNum(A){outputNum=0;for(i=0;i<A.length;i++){outputNum+=A.charCodeAt(i)}return outputNum}function calc(){showquickmsg("calculating...",true);cnameone=trimAll(gObj("cnameone").value);cnametwo=trimAll(gObj("cnametwo").value);if(cnameone.length<1){showquickmsg("please provide name one",true);return }else{if(cnametwo.length<1){showquickmsg("please provide name two",true);return }}cnameone=cnameone.toLowerCase();cnametwo=cnametwo.toLowerCase();totalNum=getNum(cnameone)*getNum(cnametwo);finalScore=totalNum%100;finalScore="<h1><font color=green><b>"+finalScore+"%</b></font></h1>";showquickmsg(finalScore,false)};
</script>

<style>
#lovecalc td{font-family:arial,helvetica,sans-serif;font-size:12px;color:#000;}
</style>
<table align="center" bgcolor="#dddddd" cellpadding="3" id="lovecalc">
<form>
<tr>
	<td><div>Name of Person 1</div><input type="text" name="cnameone" style="width:300px;" id="cnameone"></td>
</tr>
<tr>
	<td><div>Name of Person 2</div><input type="text" name="cnametwo" style="width:300px;" id="cnametwo"></td>
</tr>
<tr>
	<td align="center"><input type="button" value="Calculate" onclick="calc()"></td>
</tr>
<tr>
	<td align="center"><div id="coutput"></div></td>
</tr>
<tr>
	
</tr>
</form>
</table>