Writing JavaScript Code Mr Peake 22 September 2016

Writing JavaScript code The State of the Art By now, most of you have: Explained how you ran the sample program Performed a tag by tag breakdown of the sample program in the style requested IF YOU HAVE NOT FINISHED: Please see me during this lesson and we can arrange a time for a catch-up session to help complete your work. 22/09/2016 Writing JavaScript code

Writing JavaScript code Moving on You now need to plan, implement, test and demonstrate some JavaScript code of your own. This isn’t actually too hard at all, and the first script, Task 2, will be straightforward for all of you to complete. The research methods using W3Schools.com are about to pay off. 22/09/2016 Writing JavaScript code

Writing JavaScript code Here’s the brief As is the case with most programming languages, in JavaScript you can use arrays in order to store multiple values under the same identifier. For example, an array of products can be set up as below for use on an ecommerce web site: var products = ["Printer","Tablet","Router"]; (i) Set up an array to include the items shown above, plus a few extras of your choice. (ii) Write a script that: • outputs the items in alphabetical order • counts the number of items in the array. In each case, plan, implement, test and demonstrate the scripts. 22/09/2016 Writing JavaScript code

Let’s take a look at JavaScript arrays W3schools is really useful here: You are strongly advised to go to the JavaScript array reference using the REFERENCES link at top right of the screen. 22/09/2016 Writing JavaScript code

Looking at the array’s Methods: You will find there is a sort method. 22/09/2016 Writing JavaScript code

Now let’s look at the sort Method Read and document the sort method, and look at the Try It yourself code. This gives you the scope to see working code which you can then modify and test. 22/09/2016 Writing JavaScript code

Try It yourself – given code 22/09/2016 Writing JavaScript code

Try It yourself – modified code 22/09/2016 Writing JavaScript code

And full screen before… 22/09/2016 Writing JavaScript code

Writing JavaScript code … and after. 22/09/2016 Writing JavaScript code

Before we write this up… Research arrays, sort and whatever Property or Method with count the elements in the array. This is all available through the array reference on W3schools. If you want to get ahead, you should add your research into arrays into your 452 document after starting a new section called Task 2. Experiment with arrays by Putting the required values into an array (including extra ones) Output in alphabetical order Count the elements in the array. BE SURE TO KEEP A COPY OF YOUR CODE IN A NEW HTML DOCUMENT. 22/09/2016 Writing JavaScript code