A minimal example of the most concise way to get the values from a vanilla HTML `<form>` element and assign the values to JavaScript variables in 2024. Notice that the object keys are based on the `<input>`'s `name` attribute and not `id`.

minimal-form-values.html

<form>
  <input name="ex1">
  <input name="ex2">
  <input name="example-with-hypens">
  <button>Submit</button>
</form>

<script>
  document.querySelector('form').addEventListener('submit', e => {
    e.preventDefault();
    const { ex1, ex2, 'example-with-hypens': exampleWithHyphens } = Object.fromEntries(new FormData(e.target));
    console.table({ ex1, ex2, exampleWithHyphens });
  });
</script>