JavaScript. Подробное руководство, 6-е издание, Флэнаган Дэвид

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-код будет находиться ниже HTML-содержимого.
– ->

<script>

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

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

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

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

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

function calculate {

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

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

1-3 4 5 6 7 8 9 10 11 12 13 14 15-514

Утопия

Чайлд Линкольн

151. Книга-загадка, книга-бестселлер

Детективы:

триллеры

8.00

рейтинг книги

Москва. Путь к империи

Торопцев Александр Петрович

Научно-образовательная:

история

5.00

рейтинг книги

Неудержимый. Книга II

Боярский Андрей

2. Неудержимый

Фантастика:

городское фэнтези

попаданцы

5.00

рейтинг книги

Большой Сочи. История Кавказа

Андреев Александр Радьевич

Приключения:

путешествия и география

5.00

рейтинг книги

Ночная музыка

Мойес Джоджо

Любовные романы:

современные любовные романы

8.64

рейтинг книги

Синяя Птица. (Трилогия)

Самойлова Елена Александровна

Синяя Птица