I want to define a function inside Kotlin/transpiled JavaScript, that I can pass "in it's raw and global form" to some inputs inside my html. With raw form, I mean not as [project name].doClick().
<input type="button" value="Click me!" onclick="doClick();>
I was struggling with similar problem, although specifying a module was not enough in my case.
So referring to the initial question Define global function in Kotlin I would suggest a workaround:
import kotlin.browser.window
fun main() {
window.asDynamic()["doClick"] = ::doClick
}
fun doClick() {
println("Hello, world")
}
In this code a kotlin function is explicitly assigned to a variable in global scope. Now you can simply call your function using doClick()
Consider you have module named sample, with either plain or UMD module type. It's content is following:
package foo
fun doClick() {
println("Hello, world")
}
Then you can assign it to click handler as follows:
<input type="button" value="Click me!" onclick="sample.foo.doClick();>
See documentation for details.
