Add index terms to Chapter 13

marijnh · marijnh · commit 76016c06c4dd · 2014-07-31T18:17:52.000+02:00
diff --git a/04_data.txt b/04_data.txt
@@ -1039,16 +1039,17 @@ Many languages will stop you, or at least warn you, when you are
 defining a variable with a name that is already taken. JavaScript does
 neither, so be careful.
 
-(((trigonometry)))(((Math.cos function)))(((Math.sin
-function)))(((Math.tan function)))(((Math.acos function)))(((Math.asin
+(((Math.cos function)))(((Math.sin function)))(((Math.tan
+function)))(((Math.acos function)))(((Math.asin
 function)))(((Math.atan function)))(((Math.PI
 constant)))(((cosine)))(((sine)))(((tangent)))(((PI constant)))Back to
-the `Math` object. If you need to do trigonometry, `Math` can help. It
-contains `cos` (cosine), `sin` (sine), and `tan` (tangent), as well as
-their inverse functions, `acos`, `asin`, and `atan`. The number π
-(pi)—or at least the closest approximation that fits in a JavaScript
-number—is available as `Math.PI`. (There is an old programming
-tradition of writing the names of ((constant)) values in all caps.)
+the `Math` object. If you need to do ((trigonometry)), `Math` can
+help. It contains `cos` (cosine), `sin` (sine), and `tan` (tangent),
+as well as their inverse functions, `acos`, `asin`, and `atan`. The
+number π (pi)—or at least the closest approximation that fits in a
+JavaScript number—is available as `Math.PI`. (There is an old
+programming tradition of writing the names of ((constant)) values in
+all caps.)
 
 // test: no
 
diff --git a/05_higher_order.txt b/05_higher_order.txt
@@ -382,7 +382,8 @@ mostly full of Flemish ((farmer))s. For my amusement, I extracted the
 information on my direct ancestors, and put it into a
 computer-readable format.
 
-(((JSON)))The file I created looks something like this:
+(((data format)))(((JSON)))The file I created looks something like
+this:
 
 [source,application/json]
 ----
diff --git a/06_object.txt b/06_object.txt
@@ -828,9 +828,9 @@ objects in the data set appear as normal cells—we extract them by
 mapping over the `keys` array, so that we are sure that the order of
 the cells is the same in every row.
 
-The resulting table resembles the example shown before, except that it
-does not right-align the numbers in the `height` colomn. We will get
-to that in a moment.
+(((right-aligning)))The resulting table resembles the example shown
+before, except that it does not right-align the numbers in the
+`height` colomn. We will get to that in a moment.
 
 == Getters and setters ==
 
diff --git a/09_regexp.txt b/09_regexp.txt
@@ -529,8 +529,8 @@ our progress through the flow chart would look like this:
    so we go through the last box and have successfully matched this
    string.
 
-((regular
-expression,matching))(((matching,algorithm)))(((searching)))Conceptually,
+(((regular
+expression,matching)))(((matching,algorithm)))(((searching)))Conceptually,
 a regular expression engine looks for a match in a string as follows:
 it starts at the start of the string and tries a match there. In this
 case, there _is_ a word boundary there, so it'd get past the first
diff --git a/13_dom.txt b/13_dom.txt
diff --git a/15_game.txt b/15_game.txt
@@ -401,7 +401,7 @@ the game. It would also be possible to directly assign to the
 elements’ `style` property when we create them, but that would produce
 more verbose programs.
 
-(((class (CSS))))The following helper function provides a short way to
+(((class attribute)))The following helper function provides a short way to
 create an element and give it a class.
 
 // include_code
@@ -527,7 +527,7 @@ DOMDisplay.prototype.drawActors = function() {
 };
 ----
 
-(((position (CSS))))(((class (CSS))))Giving an element more than one
+(((position (CSS))))(((class attribute)))Giving an element more than one
 class is done by separating the class names with spaces. In the
 ((CSS)) code shown next, the `actor` class gives the actors their
 absolute position. Their type name is used as an extra class to give
@@ -565,7 +565,7 @@ DOMDisplay.prototype.drawFrame = function() {
 };
 ----
 
-(((level)))(((class (CSS))))(((style sheet)))By adding the level's
+(((level)))(((class attribute)))(((style sheet)))By adding the level's
 current status as a class name to the wrapper, we can style the player
 actor slightly differently when the game is won or lost, by adding a
 ((CSS)) rule that only takes effect when the player has an ((ancestor
diff --git a/19_paint.txt b/19_paint.txt
@@ -72,13 +72,13 @@ handlers, or have to be touched by the script in some other way. Thus,
 our script would have to make lots of `querySelector` (or similar)
 calls in order to find the DOM elements that it needs to act on.
 
-(((readability)))(((verbosity)))(((createElement method)))It would be
-nice if the DOM structure for each part of our interface is defined
-close to the JavaScript code that drives it. Thus, I've chosen to do
-all creation of DOM nodes in JavaScript. As we saw in
-link:13_dom.html#standard[Chapter 13], the built-in interface for
-building up a DOM structure is horrendously verbose. If we are going
-to do a lot of DOM construction, we need a helper function.
+(((DOM,construction)))(((readability)))(((verbosity)))(((createElement
+method)))It would be nice if the DOM structure for each part of our
+interface is defined close to the JavaScript code that drives it.
+Thus, I've chosen to do all creation of DOM nodes in JavaScript. As we
+saw in link:13_dom.html#standard[Chapter 13], the built-in interface
+for building up a DOM structure is horrendously verbose. If we are
+going to do a lot of DOM construction, we need a helper function.
 
 (((elt function)))This function below is an extended version of the
 `elt` function from link:13_dom.html#elt[Chapter 13]. It creates an
@@ -146,7 +146,7 @@ canvas—it contains the current picture as well as the selected color
 (in its `fillStyle` property) and brush size (in its `lineWidth`
 property).
 
-(((class (CSS))))(((CSS)))We wrap the canvas and the controls in
+(((class attribute)))(((CSS)))We wrap the canvas and the controls in
 `<div>` elements with classes to be able to add some styling—for
 example the grey border around the picture.
 
diff --git a/21_skillsharing.txt b/21_skillsharing.txt
@@ -787,11 +787,11 @@ link:13_dom.html#elt[Chapter 13], but the result will still look worse
 than HTML, which can be thought of as a ((domain-specific language))
 for expressing DOM structures.
 
-(((template)))To create DOM structures for the talks, our program will
-define a very simple _templating_ system, which uses hidden DOM
-structures included in the document to instantiate new DOM structures,
-replacing the ((placeholder))s between double braces with the values
-of a specific talk.
+(((DOM,construction)))(((template)))To create DOM structures for the
+talks, our program will define a very simple _templating_ system,
+which uses hidden DOM structures included in the document to
+instantiate new DOM structures, replacing the ((placeholder))s between
+double braces with the values of a specific talk.
 
 (((script (HTML tag))))Finally, the HTML document includes the script
 file that contains the client-side code.
@@ -932,7 +932,7 @@ structure for talks is done using the ((template))s that were included
 in the HTML document. First we must define `instantiateTemplate`,
 which looks up and fills in a template.
 
-(((class (CSS))))(((querySelector method)))The `name` parameter is the
+(((class attribute)))(((querySelector method)))The `name` parameter is the
 template's name. To look up the template element, we search for an
 element whose class name matches the template name, which is a child
 of the element with ID `"template"`. Using the `querySelector` method,
