Как сделать событие прослушивания нажатия кнопки в Kotlin / JavaScript?

В IntellJ IDEA я создал кнопку в своем HTML-файле с идентификатором. То, что я пытаюсь достичь, – изменить тег заголовка на «нажатие кнопки» с помощью kotlin.

При поиске на сайте kolinlang.org и других ресурсах мне сложно найти простую ссылку для выполнения конкретных вещей. Интересно, есть ли переведенный сайт kotlin / javascript, где все они собраны, например, этот сайт: https: //www.w3schools .com / JS / default.asp

благодаря

  1. Создайте проект Kotlin / JS в IntelliJ, названный «JSProject»,
  2. Создайте файл index.html включая кнопку с идентификатором "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" }) } 
  1. Импортируйте библиотеку Kotlin JS и ваш код (JS, собранный из Kotlin) в конце вашего HTML-файла:
  ... <script src="out/production/JSProject/lib/kotlin.js"></script> <script src="out/production/JSProject/JSProject.js"></script> </body> </html> 
  1. Скомпилируйте свой код Kotlin в JS (меню: Build | Rebuild Project)

  2. Откройте файл index.html в веб-браузере и нажмите кнопку. В названии появляется кнопка «кнопка».

Intereting Posts
Почему мы используем «объект-компаньон» как своего рода замену статическим полям Java в Котлине? Делегация Котлина выражает вместо фиксированной ссылки Kotlin: appendText и закрывающие ресурсы Как реализовать репозиторий интерфейса в другом модуле проекта в AndroidStudio с помощью Dagger2 и Kotlin Использование отражения для передачи и изменения примитива без использования массива Android Data Binding не работает с делегацией класса Kotlin Воспроизведение только аудио 1, а не 2, 3 и 4 Напишите большой входной поток в файл в Котлине Нужно ли сначала изучать java, чтобы узнать kotlin? Или я могу начать его напрямую? Претендент свойства lateinit не был инициализирован с помощью EasyMVP, Robolectric и Kotlin Почему `Intrinsics.checkParameterIsNotNull` не встроен? Несоответствие дженериков Котлина в иерархии классов Android Studio 3.0 gradle 3.0.0-beta2, ломает Kotlin Unit Test Coverage? В чем разница между фигурными фигурными скобками и нормальными скобками в RxJava с Kotlin Есть ли способ развернуть серверное приложение бэкэнд (Kotlin) в Firebase?