create a page that takes in a planet from a menu with all planets in the solar system and a weight in kg in svelte, and shows the heaviness in newtons in javascript in javascript

<!-- PlanetSelect.svelte -->
<script>
  const planets = [
    { name: 'Mercury', weight: 0.38 },
    { name: 'Venus', weight: 0.91 },
    { name: 'Earth', weight: 1 },
    { name: 'Mars', weight: 0.38 },
    { name: 'Jupiter', weight: 2.34 },
    { name: 'Saturn', weight: 1.06 },
    { name: 'Uranus', weight: 0.92 },
    { name: 'Neptune', weight: 1.19 }
  ];

  let selectedPlanet = planets[0];
  let inputWeight = 0;
  let result = 0;

  function calculateWeight() {
    result = inputWeight * selectedPlanet.weight * 9.8;
  }
</script>

<main>
  <form on:submit|preventDefault="{calculateWeight}">
    <fieldset>
      <label for="planet-select">Select a planet:</label>
      <select id="planet-select" bind:value="{selectedPlanet}">
        {#each planets as planet}
          <option value="{planet}">{planet.name}</option>
        {/each}
      </select>
    </fieldset>
    <fieldset>
      <label for="weight-input">Enter your weight (kg):</label>
      <input type="number" id="weight-input" bind:value="{inputWeight}" />
    </fieldset>
    <button type="submit">Calculate</button>
    {#if result > 0}
      <p>The actual weight in newtons is: {result.toFixed(2)}</p>
    {/if}
  </form>
</main>
1210 chars
43 lines