Differences

This shows you the differences between two versions of the page.

--- eg-259:lecture5 [2013/02/11 12:48] – eechris
+++ eg-259:lecture5 [2013/02/12 08:27] (current) – [Screen Output: jQuery magic] eechris
@@ Line 462: / Line 462: @@
 ===== More on Variables and Operators =====
-Visit the OpenJS tutorial for an interactive presentation.
+Visit [[http://eloquentjavascript.net/chapter2.html|Chapter 2]] of Eloquent JavaScript.
-  * [[http://www.openjs.com/tutorials/basic_tutorial/variables.php|Variables]]
-  * [[http://www.openjs.com/tutorials/basic_tutorial/operators.php|Operators]]
-For even more details see [[http://eloquentjavascript.net/chapter2.html|Chapter 2]] of Eloquent JavaScript.
@@ Line 569: / Line 564: @@
 ----
-In Firebug
+In Firefox and Chrome developer tools there is a JavaScript console. You can write to it using:
 <code javascript>
       console.log("Answer: " + result);
 </code>
-does almost the same thing as ''document.write'', but without destroying any content.
+It's better than ''document.write'' because as well as outputting string versions of its arguments, it will actually output objects that you can browse.
+===== Screen Output: jQuery magic =====
+  * HTML placeholder
+<code html>
+<div id="result">
+</div>
+</code>
+  * Output function
+<code javascript>
+$('#result').append('<p>The html you would have written with <code>document.write()</code></p>');
+</code>
+  * Result
+<code html>
+<div id="result">
+<p>The html you would have written with <code>document.write()</code></p>
+</div>
+</code>
 ===== Screen Output: alert =====