Change the result of promise if using in svelte await

I am using svelte await block for making a call to the API and then rendering on UI as mentioned in following example: https://svelte.dev/examples#await-blocks

<script>
    let promise = getRandomNumber();

    async function getRandomNumber() {
        const res = await fetch(`tutorial/random-number`);
        const text = await res.text();

        if (res.ok) {
            return text;
        } else {
            throw new Error(text);
        }
    }

    function handleClick() {
        promise = getRandomNumber();
    }
</script>

<button on:click={handleClick}>
    generate random number
</button>

{#await promise}
    <p>...waiting</p>
{:then number}
    <p>The number is {number}</p>
{:catch error}
    <p style="color: red">{error.message}</p>
{/await}

Now, say, I wanted to update the result returned by this promise on click of an event. Eg.

Something like this:

<script>
    let promise = getRandomNumber();

    async function getRandomNumber() {
        const res = await fetch(`tutorial/random-number`);
        const text = await res.text();
        const result = {
            "random1" : text,
            "random2": text
        }

        if (res.ok) {
            return JSON.stringify(result);
        } else {
            throw new Error(text);
        }
    }

    function handleClick() {
        promise = getRandomNumber();
    }

    function handleTenClick() {
        // Here I wanted to only change thbe random1 without changing the random2 from the result. How can I do that?
        // So basically some part of promise result.
    }
</script>

<button on:click={handleClick}>
    generate random number
</button>

<button on:click={handleTenClick}>
    generate 10
</button>

{#await promise}
    <p>...waiting</p>
{:then number}
    <p>The number is {number}</p>
{:catch error}
    <p style="color: red">{error.message}</p>
{/await}

https://svelte.dev/repl/9c2f3a0bb51f43bf8233eb9db1a4ceea?version=3.12.0

How can I do that?