hatt.svelte

<script>
	let title = "HTML All The Things";
	let num = 0;

	function iHave(){
		num++;
	}
</script>

<main>
	<h1>Checkout the {title} podcast</h1>

	<p>How many people have checked it out? <span>{num}</span></p>
	<div on:click="{iHave}">I Have!</div>
</main>

<style>
	main {
		text-align: center;
		padding: 1em;
		max-width: 900px;
		margin: 0 auto;
	}

	div {
		text-decoration: underline;
	}

	h1 {
		font-size: 4em;
		font-weight: 100;
	}
</style>