JavaScript:Библиотеки/p5.dom/createButton()

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Черновик


createButton() [1]

Описание

Создает в DOM элемент <button></button> (т.е. кнопку). Чтобы задать экранный размер кнопки, используйте функцию size(). Чтобы задать поведение кнопки при нажатии, используйте функцию mousePressed(). Если задан узел контейнера, присоединяется к нему, если нет – к «телу» (<body>).

Чтобы воспользоваться этой функцией, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:

<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>

Синтаксис

createButton(label, [value])

Параметры

label  надпись на кнопке. Тип данных  String
value  значение кнопки. Тип данных  String

Возвращаемое значение

Указатель на p5.Element, содержащий созданный узел. Тип данных  объект, p5.Element.

Пример

var button;
function setup() {
  createCanvas(100, 100);
  background(0);
  button = createButton('click me');
                    //  'нажми на меня'
  button.position(19, 19);
  button.mousePressed(changeBG);
}

function changeBG() {
  var val = random(255);
  background(val);
}

См.также

Внешние ссылки