Simon’s Search Engine, Sort Table and Self-Made Arrows

Simon is a big fan of w3schools.com and has been using their w3.js library for these exercises. In the first video he shows a sort table he made. By pressing the arrows the places listed are put in alphabetical order. he borrowed the text from w3schools and drew the arrows and the background himself in Microsoft Paint.

He also buit a search engine:

Search engine:

w3-js-22-jan-2017-2-filter-list-kopiew3-js-22-jan-2017-4-filter-table-kopie

A sort list. Before the “Sort” button is pressed:

w3-js-22-jan-2017-5-sort-list-kopie

After the button is pressed:

w3-js-22-jan-2017-6-sort-list-kopie

Toggling classes:

w3-js-22-jan-2017-1-toggle-class-kopie

Adding classes:

w3-js-21-jan-2017-5-add-classes-kopie

Adding colour to id:

w3-js-21-jan-2017-3-add-style-kopie

Adding class:

w3-js-21-jan-2017-3-add-class-kopie

Hiding and showing elements:

w3-js-21-jan-2017-1-hide-and-show-kopie

w3-js-22-jan-2017-3-filter-list-kopie

 

w3-js-21-jan-2017-2-hide-and-show-kopie

Advertisements