title:<svelte:element>

Sometimes we don't know in advance what kind of DOM element to render.`<svelte:element>` comes in handy here.Instead of asequence of`if` blocks...

Similarly, we don'talwaysknow in advance what kind of DOM element to render.`<svelte:element>` comes in handy here.As with the[previous exercise](svelte-component), we can replace a longsequence of`if` blocks with a single dynamic element:

...we can have a single dynamic component:

The`this` value can be any string, or a falsy value — if it's falsy, no element is rendered.

<script>

</script>

{#ifselected==='h1'}

<h1>I'm a <code>&lt;h1&gt;</code></h1>

{:elseifselected==='h3'}

<h3>I'm a <code>&lt;h3&gt;</code></h3>

{:elseifselected==='p'}

<p>I'm a <code>&lt;p&gt;</code></p>

{:else}

<p>TODO others</p>

{/if}