Intereting Posts
Kotlin Decompiler генерирует ошибочный код – можно ли предотвратить? Выделите несколько элементов в представлении списка андроида при выборе Как слить два набора перечислений в kotlin с одним и тем же родительским интерфейсом? Повторное соединение RxJava на подключаемом наблюдаемом не работает Kotlin JS Переопределение «внешней» функции с необязательными параметрами Неразрешенная ссылка на функцию в Kotlin Android Доступ к идентификаторам ресурсов с использованием Kotlin & Anko Создайте пользовательский кинжал 2 с помощью Kotlin Spring Boot @Autowired с Kotlin в @Service всегда имеет значение null Могу ли я использовать kotlin.reflect, чтобы получить значение поля Литералы класса Kotlin с пустой левой стороной еще не поддерживаются? Как я могу игнорировать все предупреждения для Kotlin в IntelliJ IDEA? Возможно ли иметь расширения функций на лямбдах? Kotlin "Любой тип, который реализует интерфейс" Как написать правильный генератор HTML в Котлине

Как сделать событие прослушивания нажатия кнопки в 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 в веб-браузере и нажмите кнопку. В названии появляется кнопка «кнопка».