SHARE
TWEET

Untitled

a guest Dec 13th, 2019 77 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>They Are Billions Score Calculator</title>
  6. <link rel="shortcut icon" type="image/png" href="tab.png">
  7. <style type="text/css">
  8.     a:link, a:visited{
  9.         color:black;
  10.         text-decoration:none;
  11.     }
  12.     .pageHead{
  13.         border-bottom:solid black 3px;
  14.         width:105%;
  15.         margin-left:-14px;
  16.     }
  17.     #headr{
  18.         text-align:left;
  19.         position:relative;
  20.             left:10px;
  21.         background-color:#f2f2f2;
  22.     }
  23.     .pagenav{
  24.         background-color:#e6e6e6;
  25.         border: 1px solid black;
  26.         color:black;
  27.         padding: 9px 29px;
  28.         text-align:center;
  29.         text-decoration:none;
  30.         font-weight:bold;
  31.         display:inline-block;
  32.         font-size:16px;
  33.         cursor:pointer;
  34.         float:left;
  35.     }
  36.     #home{
  37.         position:absolute;
  38.             top:14px;
  39.             left:510px;
  40.     }
  41.     #notes{
  42.         position:absolute;
  43.             top:14px;
  44.             left:620px;
  45.     }
  46.     table{
  47.         position:relative;
  48.             top:10px;
  49.         width:430px;
  50.         border: 3px solid black;
  51.     }
  52.     table, td, th{
  53.         border: 1px solid black;
  54.         padding:2.5px;
  55.         text-align:center;
  56.     }
  57.       table.center {
  58.         margin-left:auto;
  59.         margin-right:auto;
  60.     }
  61.     #firstrow{
  62.         height:20px;
  63.         font-size:25px;
  64.     }
  65.     #finalrow{
  66.         height:63px;
  67.         font-size:18px;
  68.     }
  69.     .query{
  70.         width:100px;
  71.     }
  72.     .wonders{
  73.         width:104px;
  74.     }
  75.     #computeAlt{
  76.         width:300px;
  77.     }
  78.     body{
  79.         text-align:center;
  80.         background-color:#f2f2f2;
  81.     }
  82.     h2{
  83.         position:relative;
  84.             top:5px;
  85.     }
  86.     .explain, ul{
  87.         text-align:left;
  88.     }
  89. </style>
  90.     <script>
  91.         function totalCalc() {
  92.         var w = document.getElementById("wincon").value;
  93.         var p = document.getElementById("pop").value;
  94.         var i = document.getElementById("infected").value;
  95.         var s = document.getElementById("soldier").value;
  96.             var maximumS = 500;
  97.             if (s > maximumS){s = maximumS};
  98.         var c = document.getElementById("colonist").value;
  99.             var maximumC = 500;
  100.             if (c > maximumC){c = maximumC};
  101.         var winC = 1
  102.         var m = document.getElementById("multiplier").value;
  103.         var b = document.getElementById("beholder");
  104.             if (b.checked == true){b = "1000";} else {b = "0";}
  105.         var cr = document.getElementById("palace");
  106.             if (cr.checked == true){cr = "1500";} else {cr = "0";}
  107.         var a = document.getElementById("academy");
  108.             if (a.checked == true){a = "1000";} else {a = "0";}
  109.         var v = document.getElementById("victorious");
  110.             if (v.checked == true){v = "2000";} else {v = "0";}
  111.         var sp = document.getElementById("spire");
  112.             if (sp.checked == true){sp = "1500";} else {sp = "0";}
  113.         var at = document.getElementById("atlas");
  114.             if (at.checked == true){at = "2000";} else {at = "0";}
  115.         var ds = document.getElementById("dayS").value;
  116.         var dt = document.getElementById("dayT").value;
  117.         var scoreL = 1000*((ds)/(dt))
  118.         var t
  119.             if(winC < w){t = ((+m)/(100))*((+p*0.5) + ((+i/10)*1) - ((+s + +c)*10) + +b + +cr + +a + +v + +sp + +at + +w)}
  120.             if(winC > w){t = ((+m)/(100))*(+scoreL + (+p*0.5) + ((+i/10)*1) + +b + +cr + +a + +v + +sp + +at)}
  121.         document.getElementById("totalScore").innerHTML = Math.round(t);
  122.         }
  123.     </script>
  124. </head>
  125. <body onload="totalCalc()">
  126. <a href="TAB Calculator.html"><h1 id="headr" class="pageHead">They Are Billions Score Calculator</h1></a>
  127. <div class="buttonGroup">
  128.     <a href="TAB Calculator.html"><button id="home" class="pagenav">Home</button></a>
  129.     <a href="TAB Notes.html"><button id="notes" class="pagenav">Notes</button></a>
  130. </div>
  131. <div id="Calculator">
  132.     <table class="center">
  133.         <tr id="firstrow">
  134.             <th colspan="2">Score Calculator</th>
  135.         </tr>
  136.     <div id="form input percentage">
  137.         <tr>
  138.             <td><span class="form-input-text">Score Factor (%)</span></td>
  139.             <td><input class="query" id="multiplier" type="percent" value="800" min=".01" max="8" onchange="totalCalc()" onkeyup="totalCalc()"></td>
  140.         </tr>
  141.     </div>
  142.     <div id="form input victory">
  143.         <tr>
  144.             <td><span class="form-input-text">Victory or Defeat?</span></td>
  145.             <td><select class="wonders" id="wincon" onchange="totalCalc()">
  146.                 <option value="20000">Victory</option>
  147.                 <option value="0">Defeat</option>
  148.             </select></td>
  149.         </tr>
  150.     </div>
  151.     <div id="days survived">
  152.         <tr>
  153.             <td><span class="form-input-text">Days Survived</span></td>
  154.             <td><input class="query" id="dayS" type="number" value="80" min="0" max="149" onchange="totalCalc()" onkeyup="totalCalc()"></td>
  155.         </tr>
  156.     </div>
  157.     <div id="days total">
  158.         <tr>
  159.             <td><span class="form-input-text">Days Total</span></td>
  160.             <td><select class="wonders" id="dayT" onchange="totalCalc()">
  161.                 <option value="80">80 Days</option>
  162.                 <option value="100">100 Days</option>
  163.                 <option value="120">120 Days</option>
  164.                 <option value="150">150 Days</option>
  165.             </select></td>
  166.     </div>
  167.     <div id="form input pop">
  168.         <tr>
  169.             <td><span class="form-input-text">Total Population</span></td>
  170.             <td><input class="query" id="pop" type="number" value="0" min="0" onkeyup="totalCalc()" onchange="totalCalc()"></td>
  171.         </tr>
  172.     </div>
  173.     <div id="form input infected">
  174.         <tr>
  175.             <td><span class="form-input-text">Infected Killed</span></td>
  176.             <td><input class="query" id="infected" type="number" value="0" min="0" onkeyup="totalCalc()" onchange="totalCalc()"></td>
  177.         </tr>
  178.     </div>
  179.     <div id="form input soldiers">
  180.         <tr>
  181.             <td><span class="form-input-text">Soldier Deaths</span></td>
  182.             <td><input class="query" id="soldier" type="number" value="0" min="0" max="500" onkeyup="totalCalc()" onchange="totalCalc()"></td>
  183.         </tr>
  184.     </div>
  185.     <div id="form input colonists">
  186.         <tr>
  187.             <td><span class="form-input-text">Colonist Deaths</span></td>
  188.             <td><input class="query" id="colonist" type="number" value="0" min="0" max="500" onkeyup="totalCalc()" onchange="totalCalc()"></td>
  189.         </tr>
  190.     </div>
  191.     <div id="form input beholder">
  192.             <tr>
  193.                 <td><span class="form-input-text">The Silent Beholder Completed?</span></td>
  194.                 <td><input class="wonders" name="bbox" type="hidden" onchange="totalCalc()">
  195.                 <input class="wonders" name="bbox" type="checkbox" id="beholder" onchange="totalCalc()"></td>
  196.             </tr>
  197.     </div>
  198.     <div id="form input palace">
  199.         <tr>
  200.             <td><span class="form-input-text">The Crystal Palace Completed?</span></td>
  201.             <td><input class="wonders" name="bbox2" type="hidden" onchange="totalCalc()">
  202.                 <input class="wonders" name="bbox2" type="checkbox" id="palace" onchange="totalCalc()"></td>
  203.         </tr>
  204.     </div>
  205.     <div id="form input academy">
  206.         <tr>
  207.             <td><span class="form-input-text">The Academy of Immortals Completed?</span></td>
  208.             <td><input class="wonders" name="bbox3" type="hidden" onchange="totalCalc()">
  209.                 <input class="wonders" name="bbox3" type="checkbox" id="academy" onchange="totalCalc()"></td>
  210.         </tr>
  211.     </div>
  212.     <div id="form input victorious">
  213.         <tr>
  214.             <td><span class="form-input-text">The Victorious Completed?</span></td>
  215.             <td><input class="wonders" name="bbox4" type="hidden" onchange="totalCalc()">
  216.                 <input class="wonders" name="bbox4" type="checkbox" id="victorious" onchange="totalCalc()"></td>
  217.         </tr>
  218.     </div>
  219.     <div id="form input spire">
  220.         <tr>
  221.             <td><span class="form-input-text">The Lightning Spire Completed?</span></td>
  222.             <td><input class="wonders" name="bbox5" type="hidden" onchange="totalCalc()">
  223.                 <input class="wonders" name="bbox5" type="checkbox" id="spire" onchange="totalCalc()"></td>
  224.         </tr>
  225.     </div>
  226.     <div id="form input atlas">
  227.         <tr>
  228.             <td><span class="form-input-text">The Atlas Transmutator Completed?</span></td>
  229.             <td><input class="wonders" name="bbox6" type="hidden" onchange="totalCalc()">
  230.                 <input class="wonders" name="bbox6" type="checkbox" id="atlas" onchange="totalCalc()"></td>
  231.         </tr>
  232.     </div>
  233.     <div id="total">
  234.         <tr id="finalrow">
  235.             <th><span id="form-output-text">Final Score</span></th>
  236.             <th><p id="totalScore"></p></th>
  237.         </tr>
  238.     </div>
  239.     </table>
  240. </div>
  241. <h6>Website Created By: Admiral__Ryan</h6>
  242. </body>
  243. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top