Чтение онлайн

на главную - закладки

Жанры

JavaScript. Подробное руководство, 6-е издание
Шрифт:

в которых отображаются результаты вычислений. Эти элементы имеют идентификаторы,

такие как "interest" и "years". Данные идентификаторы используются в JavaScript-коде,

который следует за определением таблицы. Обратите внимание, что для некоторых

элементов ввода определены обработчики событий "onchange" и "onclick".

В них заданы строки JavaScript-кода, выполняемого
при вводе данных или щелчке на кнопке.

– ->

<table>

<tr>

<th>Enter Loan Data:</th>

<td></td>

<th>Loan Balance, Cumulative Equity, and Interest Payments</th>

</tr>

<tr>

<td>Amount of the loan ($):</td>

<td><input id="amount" onchange=”calculate; "></td>

<td rowspan=8>

<canvas id="graph" width="400" height="250"></canvas>

</td>

</tr>

<tr>

<td>Annual interest (%):</td>

<td><input id="apr" onchange="calculate; "></td>

</tr>

<tr>

<td>Repayment period (years):</td>

<td><input id="years" onchange="calculate; "></td>

</tr>

<tr>

<td>Zipcode (to find lenders):</td>

<td><input id="zipcode" onchange="calculate; ">
</td>

<tr>

<th>Approximate Payments:</th>

<td><button onclick="calculate;">Calculate</button></td>

</tr>

<tr>

<td>Monthly payment:</td>

<td>$<span class="output" id="payment"></span></td>

</tr>

<tr>

<td>Total payment:c/td>

<td>$<span class="output" id="total"></span></td>

</tr>

<tr>

<td>Total interest:c/td>

<td>$<span class="output" id="totalinterest"></span></td>

</tr>

<tr>

<th>Sponsors:c/th>

<td colspan=2>

Apply for your loan with one of these fine lenders:

<div id="lenders"></div>

</td>

</tr>

</table>

<!--
Остальная часть примера - JavaScript-код в теге <script> ниже. Обычно сценарии -->

<!-- помещаются в начало документа, в заголовок <head>, но в данном случае вам проще -->

<!-- будет понять пример, если JavaScript-код будет находиться ниже HTML-содержимого.
– ->

<script>

"use strict"; // Использовать строгий режим ECMAScript 5, если броузер поддерживает его

/*

* Этот сценарий определяет функцию calculate, вызываемую обработчиками событий

* в разметке HTML выше. Функция читает значения из элементов <input>, вычисляет размеры

* платежей по ссуде, отображает результаты в элементах <span>. Кроме того, она сохраняет

* пользовательские данные, отображает ссылки на кредитные учреждения и рисует диаграмму.

*/

function calculate {

// Отыскать элементы ввода и вывода в документе

var amount = document.getElementById("amount");

Поделиться:
Популярные книги

Родословная. Том 6

Ткачев Андрей Юрьевич
6. Линия крови
Фантастика:
аниме
фэнтези
5.00
рейтинг книги
Родословная. Том 6

Дважды одаренный. Том VIII

Тарс Элиан
8. Дважды одаренный
Фантастика:
боевая фантастика
альтернативная история
аниме
попаданцы
5.00
рейтинг книги
Дважды одаренный. Том VIII

Я еще не бог. Книга XXXV

Дрейк Сириус
35. Дорогой барон!
Фантастика:
аниме
попаданцы
5.00
рейтинг книги
Я еще не бог. Книга XXXV

Двойник короля 11

Скабер Артемий
11. Двойник Короля
Фантастика:
аниме
фэнтези
попаданцы
5.00
рейтинг книги
Двойник короля 11

Кодекс Охотника. Книга XIX

Винокуров Юрий
19. Кодекс Охотника
Фантастика:
фэнтези
5.00
рейтинг книги
Кодекс Охотника. Книга XIX

Кодекс Охотника. Книга XXIX

Винокуров Юрий
29. Кодекс Охотника
Фантастика:
попаданцы
аниме
фэнтези
5.00
рейтинг книги
Кодекс Охотника. Книга XXIX

Корректировщик

Головачев Василий Васильевич
Фантастика:
научная фантастика
6.25
рейтинг книги
Корректировщик

Тыл-фронт

Головин Андрей
Проза:
военная проза
проза прочее
5.00
рейтинг книги
Тыл-фронт

Воин

Бубела Олег Николаевич
2. Совсем не герой
Фантастика:
фэнтези
попаданцы
9.25
рейтинг книги
Воин

Черный Маг Императора 20

Герда Александр
20. Черный маг императора
Фантастика:
юмористическое фэнтези
аниме
сказочная фантастика
фэнтези
фантастика: прочее
попаданцы
5.00
рейтинг книги
Черный Маг Императора 20

Снега

Чепурин Юлий Петрович
Поэзия:
драматургия
5.00
рейтинг книги
Снега

Врубель

Коган Дора Зиновьевна
Жизнь в искусстве
Документальная литература:
биографии и мемуары
5.00
рейтинг книги
Врубель

Солнечный флот

Вайс Александр
4. Фронтир
Фантастика:
боевая фантастика
космическая фантастика
5.00
рейтинг книги
Солнечный флот

На границе империй. Том 6

INDIGO
6. Фортуна дама переменчивая
Фантастика:
боевая фантастика
космическая фантастика
попаданцы
5.31
рейтинг книги
На границе империй. Том 6