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');