fix: improve html semantics from c3 init (#8656)

Cherry · web-flow · commit 1f27e267ff2c · 2025-03-25T11:31:23.000+01:00
diff --git a/.changeset/fluffy-icons-pump.md b/.changeset/fluffy-icons-pump.md
@@ -0,0 +1,5 @@
+---
+"create-cloudflare": patch
+---
+
+Improves minor HTML semantics of the default index.html included in various templates with Workers Assets
diff --git a/packages/create-cloudflare/templates/hello-world-with-assets/js/public/index.html b/packages/create-cloudflare/templates/hello-world-with-assets/js/public/index.html
@@ -7,8 +7,8 @@
 	</head>
 	<body>
 		<h1 id="heading"></h1>
-		<button id="button">Fetch a random UUID</button>
-		<div id="random"></div>
+		<button id="button" type="button">Fetch a random UUID</button>
+		<output id="random" for="button"></output>
 		<script>
 			fetch('/message')
 				.then((resp) => resp.text())
diff --git a/packages/create-cloudflare/templates/hello-world-with-assets/py/public/index.html b/packages/create-cloudflare/templates/hello-world-with-assets/py/public/index.html
@@ -7,8 +7,8 @@
 	</head>
 	<body>
 		<h1 id="heading"></h1>
-		<button id="button">Fetch a random UUID</button>
-		<div id="random"></div>
+		<button id="button" type="button">Fetch a random UUID</button>
+		<output id="random" for="button"></output>
 		<script>
 			fetch('/message')
 				.then((resp) => resp.text())
diff --git a/packages/create-cloudflare/templates/hello-world-with-assets/ts/public/index.html b/packages/create-cloudflare/templates/hello-world-with-assets/ts/public/index.html
@@ -7,8 +7,8 @@
 	</head>
 	<body>
 		<h1 id="heading"></h1>
-		<button id="button">Fetch a random UUID</button>
-		<div id="random"></div>
+		<button id="button" type="button">Fetch a random UUID</button>
+		<output id="random" for="button"></output>
 		<script>
 			fetch('/message')
 				.then((resp) => resp.text())

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"create-cloudflare": patch
 +---
++
 +Improves minor HTML semantics of the default index.html included in various templates with Workers Assets