如何使Kotlin / JavaScript中的按钮点击监听器事件？

在IntellJ IDEA里面，我在HTML文件中用一个id创建了一个按钮。 我想要实现的是将标题标签更改为“按钮点击”使用kotlin。

在搜索kolinlang.org网站和其他资源时，我无法find具体的事情简单的参考，我不知道是否有一个翻译的kotlin / JavaScript网站，所有这些都放在一起像这个网站，例如： https：//www.w3schools的.com / JS / Default.asp的

谢谢

Answer 1

1. 在IntelliJ中创建一个名为“JSProject”的Kotlin / JS项目
2. 创建一个index.html文件，其中包含一个ID为“mybutton”的按钮
3. 用以下内容创建一个Kotlin文件main.kt ：

 import org.w3c.dom.HTMLButtonElement import kotlin.browser.document fun main(args: Array) { val button = document.getElementById("mybutton") as HTMLButtonElement button.addEventListener("click", { document.title = "button was clicked" }) } 

4. 将Kotlin JS库和您的代码（从Kotlin编译的JS）导入到HTML文件的末尾：

  ...     

5. 编译你的Kotlin代码到JS（菜单：Build | Rebuild Project）

6. 在网页浏览器中打开index.html文件，然后点击按钮。 标题中出现“按钮被点击”。