静的なマークアップ(HTML)をレンダリングするだけでは面白くありません。いくつかデータを追加してみましょう。
まず、script
タグを追加してその中にname
変数を宣言します。
<script>
let name = 'world';
</script>
<h1>Hello world!</h1>
次に、マークアップからname
を参照します。
中括弧{}
の中にはJavaScriptのコードを置くことができます。中括弧の中のname
をname.toUpperCase()
に置き換えてみましょう。