静的なマークアップ(HTML)をレンダリングするだけでは面白くありません。いくつかデータを追加してみましょう。

まず、scriptタグを追加してその中にname変数を宣言します。

<script>
	let name = 'world';
</script>

<h1>Hello world!</h1>

次に、マークアップからnameを参照します。

<h1>Hello {name}!</h1>

中括弧 {} の中にはJavaScriptのコードを置くことができます。中括弧の中の name を name.toUpperCase() に置き換えて大きな声で挨拶してみましょう。