<script>
    var name = "world";
    
    let funny = { "amogus": "ඞ", "AMOGUS": "sussy baka", "discord": "proprietary matrix", "never gonna give you up": "never gonna let you down" };
</script>

<h1>Hello {funny[name] || name}</h1>

<input type=text class="text-black" bind:value={name}>

<style>
    h1 {
        padding-top: 0;
    }
</style>
