flit.toml

["script[type='module']"]
action = "wrap"
template ='''
<div id="root">
	<button id="start_game">Start Game</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
  	document.getElementById('start_game').addEventListener('click', function() {
  		let element = document.createElement('{{{TAG}}}');
  		let attr_string = `{{{ATTR}}}`
  		attr_string.split(' ').forEach(function(attr) {
  			let attr_array = attr.split('=');
  			element.setAttribute(attr_array[0], attr_array[1].slice(1, -1));
  		});
  		element.innerHTML = `{{{CONTENT}}}`;
  		document.body.appendChild(element);

  	});
});
</script>'''