Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Projectile Simulator</title>
</head>
<body>
  <h2>Projectile Motion</h2>

  <label>Initial velocity (m/s):</label>
  <input id="u" type="number"><br><br>

  <label>Angle (degrees):</label>
  <input id="angle" type="number"><br><br>

  <button onclick="calculate()">Calculate Range</button>

  <p id="result"></p>

  <script>
    function calculate() {
      let u = Number(document.getElementById("u").value);
      let angle = Number(document.getElementById("angle").value) * Math.PI / 180;
      let g = 9.8;

      let range = (u * u * Math.sin(2 * angle)) / g;

      document.getElementById("result").innerHTML =
        "Range = " + range.toFixed(2) + " m";
    }
  </script>
</body>
</html>
Editor is loading...