Widget:YieldCalc: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 03:06, 30 October 2024

This widget is used to display and calculate the yield with the values submitted by the user.

Usage: ‎{{#Widget:YieldCalc}}

@@ Line 1: / Line 1: @@
+<noinclude>__NOTOC__
+This widget is used to display and calculate the yield with the values submitted by the user.
+Usage: ‎<nowiki>{{#Widget:YieldCalc}}</nowiki>
+</noinclude>
 <includeonly>
+<style>
+input[type='number']{
+    width: 40px;
+}
+#foodYieldForm {
+    width: 700px;
+}
+</style>
+<form id="foodYieldForm">
+  <input type="number" id="cityProd"> - City Production<br />
+  <input type="number" id="regionYield"> - Yield(Apples) of the region<br />
+  <input type="number" id="farmCount"> - Amount of Farms in the region<br />
+  <input type="number" id="percBonus"> - Total Percentage Bonus (e.g. 50% from a Plow and 150% from an expert adds up to 200%)<br />
+  <input type="checkbox" id="verseBonus" onClick="yieldScript()"> - Religious Verse active?<br />
+  <input type="submit" value="Calculate" onClick="yieldScript()">
+</form>
 <script type="text/javascript">
-/* Yield Calculator */
+// Prevent Submit button from reloading page
-let a = 65; /* City Production */
+foodYieldForm.addEventListener("submit", (event) => {
-let b = 6; /* Yield(Apples) of the region */
+  event.preventDefault();
-let c = 3; /* Amount of Farms in the region */
+});
-let e = 250; /* Total Percentage Bonus (e.g. 50% from a Plow) */
+// Yield Calculator
+function yieldScript(){
+  let A = Number(document.getElementById('cityProd').value); // City Production
+  let B = Number(document.getElementById('regionYield').value); // Yield(Apples) of the region
+  let C = Number(document.getElementById('farmCount').value); // Amount of Farms in the region
+  let E = Number(document.getElementById('percBonus').value); // Total Percentage Bonus (e.g. 50% from a Plow)
+  let F = document.getElementById('verseBonus'); // Extra farm adjacency from religious verse
+  if (F.checked == true){
+    var G = 1;
+  } else {
+    var G = 0;
+  }
-let f = 1; /* Extra farm adjacency from religious verse (Boolean) */
+  let H = C + G; // Add G to the actual amount of farms in the region
-let h = c + f; /* Add f to the actual amount of farms in the region */
+  let Z = Number(Math.floor(A*B+B*5*H+5+(A+5*H)*(E/100)+(H-1)*5+A)); // Resulting production of a single farm
-let y = 6;
+  let Y = Math.round(Z/25); // Resulting food yield of that production of a single farm
+  let O = Y*C; // Resulting food yield of that production of the entire region
-z = Math.floor(a*b+b*5*h+5+(a+5*h)*(e/100)+(h-1)*5+a); /* Food yield for a single farm in the region */
+  document.getElementById('outputvalue').innerText= Y;
+  document.getElementById('outputvalueall').innerText= O;
+}
-document.getElementById("foodYield").innerHTML = z;
 </script>
 </includeonly>