Errata

March 10, 2014

Firefox does not support the this.innerText property.

Running the QUnit test would pass using IE and Chrome but fail with Firefox. Firefox returns undefined value when this.innerText is referenced.


function numberClick() {

// Replaced this.innerText with this.textContent
//
txtInput.value = txtInput.value == '0' ?
this.textContent : txtInput.value + this.textContent;

// Code listed in the book using this.innerText which causes a "undefine" error in Firefox.
//
//txtInput.value = txtInput.value == '0' ?
//this.innerText : txtInput.value + this.innerText;

}

The second bullet point states that "Variable names must not contain mathematical or logical operators" while the last two bullet points contradict this by stating that "for-Loop" and "my-Data" are legal examples.

:only-of-type is described as "selects elements that are the only child of the parent and have the specified type"

Should read "selects elements that are the only child of the parent with the specified type".

The default value used for the timeout attribute is Infinity, if the options parameter to getCurrentPosition or watchPosition is omitted. If a negative value is supplied, the time-out value is considered to be zero.

As these values show, you need to subscribe to the onreadystatechange event before you call the open method.

"open" must be replaced with "send".

Last sentence "If you use the <caption> element, it must be the first element within the <table> element."
That is not required, it can also be at the end of a table, or after defining colgroup.

var btnPlus = document.getElementById('btnPlus');
is missing before
QUnit.triggerEvent(btnPlus, "click");
&
var btnMinus = document.getElementById('btnMinus');
is missing before
QUnit.triggerEvent(btnMinus, "click");

The explanation implies that "keypress" and "keyup" are the same. Of course, you know that there is a difference. Fresh developers who are reading your book may misunderstand you. So I suggest adding more explanation.

Keydown:
The keydown event is sent to an element when the user first presses a key on the keyboard. It can be attached to any element, but the event is only sent to the element that has the focus. Focusable elements can vary between browsers, but form elements can always get focus so are reasonable candidates for this event type.

Keypress:
The keypress event is sent to an element when the browser registers keyboard input. This is similar to the keydown event, except in the case of key repeats. If the user presses and holds a key, a keydown event is triggered once, but separate keypress events are triggered for each inserted character. In addition, modifier keys (such as Shift) trigger keydown events but not keypress events.

Keyup:
The keyup event is sent to an element when the user releases a key on the keyboard. It can be attached to any element, but the event is only sent to the element that has the focus. Focusable elements can vary between browsers, but form elements can always get focus so are reasonable candidates for this event type.

By pressing F11, you step into the areaOfPizza function. When you?re in the function, press F11 again to set the radius.

The second F11 should be F10 (Step Over). Although in this case, both will do the same behavior, but we want to move to the next line. If there was another function call during calculating the radius, pressing F11 would cause to step into that function instead of moving to the next line as desired.

The CSS selector is: div p:first-of-type.
There is a . at its end, so it is not a valid one and in that case the correct answer will be A.
Page 203 states the correct answer is B so the . is a typo.

In the description for timeout, the last line reads 'Default id -1, which means there is no timeout.'

This is incorrect, there is no default value for timeout. If you don't want an explicit timeout, leave the timeout from the options.

In the example, multiple @import statements are being shown. The media types in the example are placed after the semicolon, like below:
@import url('/Content/header.css'); screen

This placement is incorrect. The media type needs to be placed before the semicolon, like below:
@import url('/Content/header.css') screen;

Incorrect placement might result in the style sheet not being processed properly.

The printed test sets the values of both txtInput and txtResult to an empty string by these two lines:
txtInput.value = '';
txtResult.value = '';

Since these lines are being executed after the initialization function, they overwrite the values that are being set there by these lines:
txtInput.value = '0';
txtResult.value = '0';

The test should let the initialization function do it's work and then it should verify whether the correct values are being set, so these two lines have to be removed completely, resulting in the following test:

test("Initialize Test", function () {
expect(2);
var expected = "0";
equal(txtInput.value, expected, 'Expected value: ' + expected + ' Actual value: ' + txtInput.value);
equal(txtResult.value, expected, 'Expected value: ' + expected + ' Actual value: ' + txtResult.value);
});

The comparison operator for "not same value or type" is "!==", not "!===".

HTML content for document footer in Figure 5-2 should be <div id="footer">

If you drop a file anywhere on the webpage, the file opens in another window. For example, if you drag and drop a movie onto the webpage, the movie will start playing in a new window.

- that behavior does not apply to videos - they download (chrome Version 29.0.1547.66 m)
firefox version 23.0.1

Text says that "project also contains the package.manifest file" while Figure 1-8 shows that the name of such file is "package.appxmanifest".