harmenjanssen · May 27, 2019 06:14
diff --git a/index.html b/index.html
 <!doctype html>
 <title>Hello</title>
 <p>The following search field depends on Javascript, so let's render it with Javascript:

 <template data-autorender="true">
 <form>
  <input type="search">
 </form>
 </template>
diff --git a/main.js b/main.js
 // Run over all templates, and replace them with their contents.
 document.querySelectorAll('template[data-autorender]').forEach(template => 
  template.parentNode.replaceChild(
    template.content, 
    template
  )
 );
	<!doctype html>
	<title>Hello</title>
	<p>The following search field depends on Javascript, so let's render it with Javascript:

	<template data-autorender="true">
	<form>
	<input type="search">
	</form>
	</template>
	// Run over all templates, and replace them with their contents.
	document.querySelectorAll('template[data-autorender]').forEach(template =>
	template.parentNode.replaceChild(
	template.content,
	template
	)
	);