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

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

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

<h1>Hello world!</h1>

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

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

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



		
loading editor...

Console

loading Svelte compiler...


		
loading editor...

Compiler options

result = svelte.compile(source, {
generate:
});


		
loading editor...