Add the output HTML element (#279)

rynhndrcksn · web-flow · commit 8dbfcb97c092 · 2025-10-27T08:34:04.000Z
Hello! I noticed that the `<output>` element was missing from this library. This small PR addresses that. More information about the `<output>` element can be found on [developer.mozilla.org](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/output).
diff --git a/html/elements.go b/html/elements.go
@@ -228,6 +228,10 @@ func OptGroup(children ...g.Node) g.Node {
 	return g.El("optgroup", children...)
 }
 
+func Output(children ...g.Node) g.Node {
+	return g.El("output", children...)
+}
+
 func Option(children ...g.Node) g.Node {
 	return g.El("option", children...)
 }
diff --git a/html/elements_test.go b/html/elements_test.go
@@ -94,6 +94,7 @@ func TestSimpleElements(t *testing.T) {
 		{Name: "ol", Func: Ol},
 		{Name: "optgroup", Func: OptGroup},
 		{Name: "option", Func: Option},
+		{Name: "output", Func: Output},
 		{Name: "p", Func: P},
 		{Name: "picture", Func: Picture},
 		{Name: "pre", Func: Pre},

Original file line number	Diff line number	Diff line change
`@@ -228,6 +228,10 @@ func OptGroup(children ...g.Node) g.Node {`
`228`	`228`	`return g.El("optgroup", children...)`
`229`	`229`	`}`
`230`	`230`
	`231`	`+func Output(children ...g.Node) g.Node {`
	`232`	`+ return g.El("output", children...)`
	`233`	`+}`
	`234`	`+`
`231`	`235`	`func Option(children ...g.Node) g.Node {`
`232`	`236`	`return g.El("option", children...)`
`233`	`237`	`}`