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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s