如何在 Kotlin/JavaScript 中制作按鈕單擊偵聽器事件？

Question

在 IntellJ IDEA 中，我在 HTML 文件中創建了一個帶有 id 的按鈕。 我想要實現的是使用 kotlin 將標題標簽更改為“單擊按鈕”。

在搜索 kolinlang.org 網站和其他資源時，我很難找到做特定事情的簡單參考，我想知道是否有一個翻譯的 kotlin/javascript 站點，其中所有這些站點都像這個站點一樣放在一起，例如： https://www.w3schools .com/js/default.asp

謝謝

Answer 1

1. 在 IntelliJ 中創建一個 Kotlin/JS 項目，命名為“JSProject”
2. 創建一個index.html文件，其中包含一個 ID 為“mybutton”的按鈕
3. 使用以下內容創建 Kotlin 文件main.kt ：

import org.w3c.dom.HTMLButtonElement
import kotlin.browser.document

fun main(args: Array<String>) {
    val button = document.getElementById("mybutton") as HTMLButtonElement
    button.addEventListener("click", {
        document.title = "button was clicked"
    })
}

4. 在 HTML 文件的末尾導入 Kotlin JS 庫和您的代碼（從 Kotlin 編譯的 JS）：

       ...
       <script src="out/production/JSProject/lib/kotlin.js"></script>
       <script src="out/production/JSProject/JSProject.js"></script>
    </body>
    </html>

5. 將您的 Kotlin 代碼編譯為 JS（菜單：Build | Rebuild Project）

6. 在 Web 瀏覽器中打開index.html文件並單擊按鈕。 “按鈕被點擊”出現在標題中。