You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/site/content/tutorial/01-introduction/02-adding-data/text.md

23 lines
482 B

---
title: Adding data
---
A component that just renders some static markup isn't very interesting. Let's add some data.
First, add a script tag to your component and declare a `name` variable:
```html
<script>
let name = 'world';
</script>
<h1>Hello world!</h1>
```
Then, we can refer to `name` in the markup:
```html
<h1>Hello {name}!</h1>
```
Inside the curly braces, we can put any JavaScript we want. Try changing `name` to `name.toUpperCase()` for a shoutier greeting.