add example of backend functions called in frontend

main.go

@@ -1,7 +1,6 @@
 package main
 
 import (
-	"fmt"
 	"log"
 
 	"github.com/zserge/lorca"
@@ -20,12 +19,12 @@ func main() {
 	ui.Load(addr)
 
 	// Call JS function from Go. Functions may be asynchronous, i.e. return promises
-	n := ui.Eval(`Math.random()`).Float()
-	fmt.Println(n)
+	// n := ui.Eval(`Math.random()`).Float()
+	// fmt.Println(n)
 
 	// Call JS that calls Go and so on and so on...
-	m := ui.Eval(`add(2, 3)`).Int()
-	fmt.Println(m)
+	// m := ui.Eval(`add(2, 3)`).Int()
+	// fmt.Println(m)
 
 	// Wait for the browser window to be closed
 	<-ui.Done()

src/App.svelte

@@ -1,13 +1,35 @@
 <script>
 	export let name;
+
+	let a;
+	let b;
+	let c;
+
+	const handleEqualButtonClick = async () => {
+		c = await window.add(a, b)
+	}
+
 </script>
 
 <main>
 	<h1>Hello {name}!</h1>
 	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
+	<div id="add">
+		<input type="number" bind:value={a}/> + <input type="number" bind:value={b}>
+	</div>
+	<button on:click={handleEqualButtonClick}>Equals</button>
+	{#if c}
+	<h1>{c}</h1>
+	{/if}
 </main>
 
 <style>
+	#add{
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
 	main {
 		text-align: center;
 		padding: 1em;