- Item
- Item
- Item
- Item
Here is what the above code is Doing:
1. We have a button that will toggle the expand/collapse of the list.
2. We have a wrapper div that will contain the list.
3. We have a list that will be expanded/collapsed.
Now, let’s add some CSS to make the list look like a tree:
// Get all buttons with the name ‘all’ and store in a NodeList called ‘buttons’ var buttons = document.getElementsByName(‘all’); // Loop through NodeList and call the click() function on each button for(var i = 0; i
document.querySelector(‘#id-goes-here .class-goes-here’); Here is what the above code is Doing: 1. Select the element with the id of id-goes-here 2. Select the element with the class of class-goes-here inside the element with the id of id-goes-here
objetJavasript.style.textAlign = “center”; objetJavasript.style.textAlign = “right; objetJavasript.style.textAlign = “justify; alert(objetJavasript.style.textAlign); Here is what the above code is Doing: 1. We create a variable called objetJavasript and assign it the value of the element with the id of “objetJavasript”. 2. We then change the text alignment of the element to center. 3. We then change the…
var condition = true; // An example condition for true/false conditions if (condition == true) { console.log(‘condition is true’); } else { console.log(‘condition is not true’); } // Console will output ‘condition is true’ Here is what the above code is Doing: 1. We create a variable called condition and set it to true. 2….
var a = 1, b = 2; b = [a, a = b][0]; Here is what the above code is Doing: 1. It creates two variables a and b and assigns them the values 1 and 2 respectively. 2. It creates an array [a, a = b] and destructures it immediately (since the destructuring is…
const browseFiles = () => { var input = document.createElement(‘input’); input.type = ‘file’; input.click(); } Here is what the above code is Doing: 1. We create a function called browseFiles() 2. We create a variable called input and set it equal to a new HTML element called input 3. We set the type of the…