From 2d67958bea054e2b2ef9de4e4116617bad77933d Mon Sep 17 00:00:00 2001 From: Reena Rajani Date: Sat, 24 Sep 2016 09:19:10 +1000 Subject: [PATCH] level3 and readme changes --- README.md | 8 ++++---- js/level3.js | 24 ++++++++++++------------ 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index 3b8e0c3..c9e329b 100644 --- a/README.md +++ b/README.md @@ -13,11 +13,11 @@ _______________ -If you familiar with git you can clone repositore to your machine and simply start working -through files starting from README.md file, after jump to js/level1.js file. +If you familiar with git you can clone this repository to your machine and simply start working +through files starting from README.md file, after that jump to js/level1.js file. -If you don't know what is git, relax, you can download the folder on your machine - go to +If you don't know what is git, relax, you can download the folder on your machine - go to 'releases' tab over the yellow line on the page and download folder 'Source code (zip)'. Unzip it and start from README.md file, after jump to js/level1.js file. @@ -43,7 +43,7 @@ ____________________ - _level2.js_ - more complex javaScript with explanations(arrays, loops). - _level3.js_ - html, css and how manipulate them with javaScript (selectors) -- _index.html_ - a file that responsible for structure of our project. +- _index.html_ - a file responsible for structure of our project. - _Readme.md_ - a file with explanations and any information about the project, how to run it, what it is for etc. diff --git a/js/level3.js b/js/level3.js index e8a7a0f..f84365e 100644 --- a/js/level3.js +++ b/js/level3.js @@ -17,7 +17,7 @@
,

etc - it is tags, each element on the page has opening and closing tag (NOTE: some tags are self-closing like ). Whole html file is wrapped in tag , which contains of and tags. In we keep different - meta information, title and link to css files. contains our actual content. + meta information, title and link to css files. contains our actual content. Tags has a set of names which you can find here http://htmldog.com/references/html/tags/ Any tag also can have different attributes (
- tag div @@ -86,8 +86,8 @@ -//TODO: do you still remember arrays that we had in previous sections? Using this knowladge -//itirate through whole meadiaLinks items and print them out. +//TODO: do you still remember arrays that we had in previous sections? Using this knowledge +//iterate through whole meadiaLinks items and print them out. @@ -119,7 +119,7 @@ /* Change content - Using same property .innerHTML we can change content of the tags. + we can change the content of the tags using the same .innerHTML property Example: ourTwitter.innerHTML = '@ButenkoMe'; console.log(ourTwitter.innerHTML); @@ -127,7 +127,7 @@ */ -//TODO: change content of the 'h1' on anything you like +//TODO: change content of the 'h1' with anything you like @@ -142,7 +142,7 @@ */ -//TODO: replace 'src' attribute for our img tag on "img/kittens.jpeg" +//TODO: replace the value of 'src' attribute for our img tag with "img/kittens.jpeg" @@ -150,10 +150,10 @@ /* Accessing and changing styles - So, let's do some css changes. We can do it with help of '.style' property and then - giving the css property as we use them in css file, the only change is - if is css + So, let's do some css changes. We can do it with help of '.style' property and + giving the css property just like we do in css file, the only change here is is - if is css property name has '-' in the name (like font-size etc) then dash will be deleted and - next word starts with capital (fontSize) - this way of naming calls CamelCase :) + next word starts with capital (fontSize) - this way of naming is called the CamelCase :) Example: var ourTwitter = document.querySelector('.twitter'); ourTwitter.style.backgroundColor = 'white'; @@ -171,9 +171,9 @@ /* Creating new nodes (elements) The document object also provides ways to create nodes from scratch: - document.createElement(tagName); - document.createTextNode(text); - document.appendChild(); + document.createElement(tagName); --> create the element + document.createTextNode(text); --> what text it should contain + document.appendChild(); --> append it to the document Example: var pageNode = document.querySelector('body')[0]; var newParagraph = document.createElement('p');