MediaWiki:Common.js: Difference between revisions

← Older edit

@@ Line 144: / Line 144: @@
        output.textContent = Math.round(miles) + ' mi';
      });
+  });
+});
+$(function () {
+  var container = document.getElementById('pixel-to-mile-calculator');
+  if (!container) {
+    return;
+  }
+  container.className = 'adaris-tool-box';
+  container.innerHTML =
+    '<label for="pixelToMileInput"><strong>Pixels:</strong></label><br>' +
+    '<input id="pixelToMileInput" type="number" placeholder="Enter pixels">' +
+    '<p><strong>Distance:</strong> <span id="pixelToMileOutput">0 mi</span></p>';
+  var input = document.getElementById('pixelToMileInput');
+  var output = document.getElementById('pixelToMileOutput');
+  input.addEventListener('input', function () {
+    var pixels = parseFloat(input.value);
+    if (isNaN(pixels)) {
+      output.textContent = '0 mi';
+      return;
+    }
+    var miles = (pixels / 1000) * 50;
+    output.textContent = Math.round(miles) + ' mi';
    });
 });