суббота, 30 декабря 2017 г.

Создание кнопки




Day 8: Create a Button

Index.html

<!-- Enter your HTML code here -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Button</title>
    <link rel="stylesheet" href="css/button.css" type="text/css">
</head>
<body>
    <script src="js/button.js" type="text/javascript"></script>
</body>
</html>

button.css

#btn {
    width: 96px;
    height: 48px;
    font-size: 24px;
}

button.js

var clickMeButton = document.createElement('button');
clickMeButton.innerHTML = '0';
clickMeButton.id = 'btn';
document.body.appendChild(clickMeButton);
btn.onclick = function () {
    /* This changes the button's label */
    btn.innerHTML++;
};

Комментариев нет:

Отправка комментария

The Love-Letter Mystery

/* Джеймс раздобыл любовное письмо, которое его друг Гарри написал своей девушке. Будучи шутником, Джеймс решил изменить его. Он ...