Learn TINYGO-WASM with Real Code Examples

# tinygo/demo/main.go
package main

import (
    "syscall/js"
)

func main() {
    doc := js.Global().Get("document")
    doc.Call("write", "Hello, TinyGo!")
    select{}
}

A basic TinyGo program compiled to WebAssembly that prints 'Hello, TinyGo!' when executed.

# tinygo/demo/counter.go
package main

import (
    "syscall/js"
)

var count int

func increment(this js.Value, args []js.Value) interface{} {
    count++
    doc := js.Global().Get("document")
    doc.Call("write", count)
    return nil
}

func main() {
    doc := js.Global().Get("document")
    doc.Call("write", "Counter: ")
    js.Global().Set("increment", js.FuncOf(increment))
    select{}
}

A simple counter using TinyGo and WebAssembly.

# tinygo/demo/button.go
package main

import (
    "syscall/js"
)

func click(this js.Value, args []js.Value) interface{} {
    doc := js.Global().Get("document")
    doc.Call("write", "Button clicked!")
    return nil
}

func main() {
    js.Global().Set("clickButton", js.FuncOf(click))
    select{}
}

Prints a message when a JavaScript button is clicked.

# tinygo/demo/input.go
package main

import (
    "syscall/js"
)

func greet(this js.Value, args []js.Value) interface{} {
    name := args[0].String()
    doc := js.Global().Get("document")
    doc.Call("write", "Hello, "+name+"!")
    return nil
}

func main() {
    js.Global().Set("greet", js.FuncOf(greet))
    select{}
}

Reads input value and prints a greeting.

# tinygo/demo/even.go
package main

import (
    "syscall/js"
)

func isEven(this js.Value, args []js.Value) interface{} {
    n := args[0].Int()
    result := "Odd"
    if n%2 == 0 {
        result = "Even"
    }
    doc := js.Global().Get("document")
    doc.Call("write", result)
    return nil
}

func main() {
    js.Global().Set("isEven", js.FuncOf(isEven))
    select{}
}

Checks if a number is even and prints the result.

# tinygo/demo/fibonacci.go
package main

import (
    "syscall/js"
)

func fib(n int) int {
    if n <= 1 {
        return n
    }
    return fib(n-1) + fib(n-2)
}

func fibonacci(this js.Value, args []js.Value) interface{} {
    n := args[0].Int()
    result := fib(n)
    doc := js.Global().Get("document")
    doc.Call("write", result)
    return nil
}

func main() {
    js.Global().Set("fibonacci", js.FuncOf(fibonacci))
    select{}
}

Calculates Fibonacci number and prints it.

# tinygo/demo/toggle.go
package main

import (
    "syscall/js"
)

var on bool

func toggle(this js.Value, args []js.Value) interface{} {
    on = !on
    text := "OFF"
    if on {
        text = "ON"
    }
    doc := js.Global().Get("document")
    doc.Call("write", text)
    return nil
}

func main() {
    js.Global().Set("toggle", js.FuncOf(toggle))
    select{}
}

Toggles displayed text between 'ON' and 'OFF'.

# tinygo/demo/add_numbers.go
package main

import (
    "syscall/js"
)

func add(this js.Value, args []js.Value) interface{} {
    a := args[0].Int()
    b := args[1].Int()
    doc := js.Global().Get("document")
    doc.Call("write", a+b)
    return nil
}

func main() {
    js.Global().Set("add", js.FuncOf(add))
    select{}
}

Adds two numbers passed from JavaScript and prints the sum.

# tinygo/demo/log.go
package main

import (
    "syscall/js"
    "fmt"
)

func logMessage(this js.Value, args []js.Value) interface{} {
    fmt.Println("Hello from TinyGo WASM!")
    return nil
}

func main() {
    js.Global().Set("logMessage", js.FuncOf(logMessage))
    select{}
}

Logs a message to the console from WASM.

# tinygo/demo/multiply.go
package main

import (
    "syscall/js"
)

func multiply(this js.Value, args []js.Value) interface{} {
    a := args[0].Int()
    b := args[1].Int()
    doc := js.Global().Get("document")
    doc.Call("write", a*b)
    return nil
}

func main() {
    js.Global().Set("multiply", js.FuncOf(multiply))
    select{}
}

Multiplies two numbers passed from JavaScript and prints the result.