Day 4: 100 days of code, innerHTML and innerText difference in JS

DIfference between innerHTML and innerText in js

see this medium article for details.

This is short summary of the above article.

Difference between getElementById and getElementsByClassName

The difference that I found through trial and error:-

The getElementById will select only one element(as only one element will have that unique id), while in the arguments of getElementsByClassName we can provide multiple classes, and it will select all the elements matching those classes. Hence getElementsByClassName is like an array. Example:-

<div class="parentDiv"></div>

To access the above, you have to write

var divToBeAppended = document.getElementsByClassName("parentDiv");
divToBeAppended[0].appendChild(newButton);

Important things to remember:-

• 

• In case of a image as direct child of an div with rounded corners, the image will overflow through the container. To stop that, you can use:-
  

.container{
overflow:hidden;
}

Things i couldn't make a summary of:-

• Change button colors project
• Kotlin basics:- functions, variables, etc.

Things couldn't complete ( try again)

• CP problem:- Time is Mooney
• CP DP handbook last section