← Back to context

Comment by DangerousPie

2 days ago

It's still better than <span> or <div> though, isn't it? Which is what most people are using right now...

4 comments

DangerousPie

Reply
runarberg  2 days ago

Unlike <div> and <span>, <output> becomes part of the form and you can target it as a named form item, e.g.

    <form id="my-form">
      <input name="number" type="number">
      <output name="result"></output>
    </form>

    <script>
      const myForm = document.getElementById("my-form");
      const inputField = document.elements.namedItem("number");
      const outputField = document.elements.namedItem("result");

      outputField.textContent = inputField.valueAsNumber ** 2;
    </script>

  • runarberg  2 days ago

    Too late to edit, but there is a mistake s/document.elements/myForm.elements/r :

        -   const inputField = document.elements.namedItem("number");
    -   const outputField = document.elements.namedItem("result");
    +   const inputField = myForm.elements.namedItem("number");
    +   const outputField = myform.elements.namedItem("result");

c-smile  2 days ago

"better" in what sense? If in hypothetical semantic meaning then another old zombie <var> is better in that sense, isn't it?