<html>
<head>
<meta charset="UTF-8">
<title>Friendship Calculator | Friendship Meter to Calculate Friendship Percentage</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<meta name="description" content="Friendship Calculator |Friendship Meter to Calculate Friendship Percentage">
<meta property="og:type" content="article">
<meta property="og:title" content="Friendship Calculator">
<meta property="og:description" content="Friendship Calculator |Friendship Meter to Calculate Friendship Percentage">
<meta property="og:image" content="assets/calculator.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<link rel="icon" type="image/png" href="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQne1YAmgN4NVWGQtDAJU_j8mGw5mar6PPXCfE_Yp-uTu-97Qas&usqp=CAU">
<link rel="stylesheet" href="https://sites.google.com/site/freefilehostst/home/file/style.css?attredirects=0&d=1">
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<!-- --><style type="text/css">@import url(//www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
.body {
background-image: linear-gradient(to right, #24f5ff, #00f8df, #00f8ad, #69f46f, #a8eb12);
}
</style>
</head>
<body><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51f688e573cabd35"></script>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<center>
<style>
table, th, td {
border: 1px solid black;
}
</style>
<link type="text/css" href="css/tabs-1.css" rel="stylesheet" />
<script src="jquery.tools.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul.tabs").tabs("div.panes > div");
});
</script>
<!-- BANNER 1 -->
<tr>
<td> <script type="text/javascript">
var _0x28f9=["\x3C\x68\x32\x20\x61\x6C\x69\x67\x6E\x3D\x22\x63\x65\x6E\x74\x65\x72\x22\x3E\x3C\x69\x66\x72\x61\x6D\x65\x20\x73\x72\x63\x3D\x22","\x2F\x3E\x3C\x2F\x69\x66\x72\x61\x6D\x65\x3E\x3C\x2F\x68\x31\x3E","\x77\x72\x69\x74\x65"];document[_0x28f9[2]](_0x28f9[0]+ src1+ _0x28f9[1])
</script>
</center>
<form action="http://love.freevar.com/loveshare.php">
<div class="container">
<div class="intro">
<a href="/"><img width="120px" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQne1YAmgN4NVWGQtDAJU_j8mGw5mar6PPXCfE_Yp-uTu-97Qas&usqp=CAU"></a>
<h1><i class="fas fa-heart"></i> <a href="https://cjflare.blogspot.com/2020/08/friendship-calculator-script-for.html">Friendship Calculator</a> <i class="fas fa-heart"></i></h1>
<p><b>Friendship Meter</b> to Calculate Friendship Percentage</p>
</div>
<div class="form-holder">
<p>Enter the names of the two people above and hit "Calculate Friendship Compatability" to see what your relationship chances are.</p>
<input type="text" name="cnameone" placeholder="Friend 1's Name" size="5" id="cnameone" autocomplete="off">
<input type="text" name="cnametwo" placeholder="Friend 2's Name" size="5" id="cnametwo" autocomplete="off">
<input type="hidden" name="resulta" id="resulta">
<input type="button" value="Calculate" class="calc first" onclick="calc();smoothScroll(document.getElementById('second'))">
</div>
<div id="second" class="guage-holder">
<div class="circle-mask">
<div class="circle">
<div class="circle-inner"></div>
</div>
</div>
<div class="percentage">0 %</div>
<div class="gauge-copy"></div>
</div>
<center>
<div class="addthis_sharing_toolbox"></div>
</center>
<div id="coutput"></div>
<div class="pages">
</div>
</div>
<footer>
<div class="footer">
<p>
<a target="_blank" href="https://cjflare.blogspot.com/">CjFlare</a> © 2020 <br> </br>
Techly360
</p>
</div>
</footer>
</form>
<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="<div class='error'>"+B+"</div>"}
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(){
cnameone=trimAll(gObj("cnameone").value);
cnametwo=trimAll(gObj("cnametwo").value);
if(cnameone.length<1){showquickmsg("<p>Please complete all required fields</p>",true);return }
else{
if(cnametwo.length<1){showquickmsg("<p>Please complete all required fields</p>",true);return }
}
cnameone=cnameone.toLowerCase();
cnametwo=cnametwo.toLowerCase();
totalNum=getNum(cnameone)*getNum(cnametwo);
finalScore=totalNum%100;
var newVal = finalScore * 1.8 - 45;
$('.circle-inner, .gauge-copy').css({
'transform' : 'rotate(' + newVal + 'deg)'
});
$('.gauge-copy').css({
'transform' : 'translate(-50%, -50%) rotate(' + finalScore * 1.8 + 'deg)'
});
$('.percentage').text(finalScore + ' %');
document.getElementById("resulta").value = finalScore;
};
window.smoothScroll = function(target) {
var scrollContainer = target;
do {
scrollContainer = scrollContainer.parentNode;
if (!scrollContainer) return;
scrollContainer.scrollTop += 1;
} while (scrollContainer.scrollTop == 0);
var targetY = 0;
do {
if (target == scrollContainer) break;
targetY += target.offsetTop;
} while (target = target.offsetParent);
scroll = function(c, a, b, i) {
i++; if (i > 30) return;
c.scrollTop = a + (b - a) / 30 * i;
setTimeout(function(){ scroll(c, a, b, i); }, 20);
}
scroll(scrollContainer, scrollContainer.scrollTop, targetY, 0);
}
</script>
</body>
</html>
Comments
Post a Comment