Skip to main content

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

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

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

<h1>Hello world!</h1>

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

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

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