top | item 45549452 (no title) DangerousPie | 4 months ago It's still better than <span> or <div> though, isn't it? Which is what most people are using right now... discuss order hn newest runarberg|4 months 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|4 months 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|4 months ago "better" in what sense? If in hypothetical semantic meaning then another old zombie <var> is better in that sense, isn't it? samhh|4 months ago Those semantics make it more accessible for free.
runarberg|4 months 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|4 months 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");
runarberg|4 months 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|4 months ago "better" in what sense? If in hypothetical semantic meaning then another old zombie <var> is better in that sense, isn't it? samhh|4 months ago Those semantics make it more accessible for free.
runarberg|4 months ago
runarberg|4 months ago
c-smile|4 months ago
samhh|4 months ago