Advertisement

Responsive Advertisement

Html code friendship calculator

  <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://www.youtube.com/channel/UC0cCJqATha7KlgevUcwlHJg/videos">gopiblogtech</a> © 2020 <br> </br>   

                GopiBlogTech  

           </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>  

Post a Comment

0 Comments