AetherScript

Документация

let

Объявляет переменную.

let x = 42;

print

Выводит значение в консоль.

print("Привет, мир!");

if / else

Условный оператор.

if x > 10 {
    print("x больше 10");
} else {
    print("x меньше или равно 10");
}

input

Запрашивает ввод пользователя.

input("Введите число: ");

createElement

Создаёт HTML-элемент с указанным ID.

createElement("div", "myDiv");

setText

Устанавливает текст для элемента.

setText("myDiv", "Привет!");

setStyle

Устанавливает CSS-свойство для элемента.

setStyle("myDiv", "background", "#f0f0f0");

addEvent

Добавляет обработчик событий.

addEvent("btn", "click", "print('Нажато!');");

appendChild

Добавляет дочерний элемент в родительский.

appendChild("app", "myDiv");

Примеры веб-приложений

Счётчик

Простой счётчик с кнопкой.

createElement("div", "container");
setStyle("container", "padding", "20px");
createElement("button", "btn");
setText("btn", "Нажми меня");
setStyle("btn", "background", "#0071e3");
setStyle("btn", "color", "#fff");
appendChild("container", "btn");
addEvent("btn", "click", "print('Кнопка нажата!');");
appendChild("app", "container");

Todo-лист

Список задач с вводом.

createElement("div", "container");
setStyle("container", "padding", "20px");
createElement("input", "taskInput");
setStyle("taskInput", "marginRight", "10px");
createElement("button", "addBtn");
setText("addBtn", "Добавить");
setStyle("addBtn", "background", "#0071e3");
setStyle("addBtn", "color", "#fff");
createElement("ul", "taskList");
appendChild("container", "taskInput");
appendChild("container", "addBtn");
appendChild("container", "taskList");
addEvent("addBtn", "click", "print('Задача добавлена!');");
appendChild("app", "container");