How to run a class in html and javascript?

← Back to all posts

How do I run <div class = ""></div> when a button is pressed?

Answered by Coder100 (7050) [earned 5 cycles]

View Answer

Voters

Commentshot new top

Hi! Classes are not the same as ids. They can be assigned to multiple elements so they can be identified as a group.

Anyways, to get all elements:

document.querySelectorAll('.[class name]').forEach(el => {
  // now, el is the element you are looking for, and you can do things accordingly
  el.style.background = "orange";
})

@Coder100 What does this code mean? sorry, but I am still a newbie.

@Coder100 nvm i dont need this i realized the code still works.

@Coder100 How would you add an item to a list in javascript?

um, using append @MatthewX

@Coder100 wait how

@Coder100 Also should i add anything else to the pokemon game? Or what should i improve on?

let newItem = document.createElement("li");
let tag = document.getElementById("tag");
tag.appendChild(newItem);

<ol id="tag"></ol>

https://www.w3schools.com/jsref/met_node_appendchild.asp
@MatthewX

there ya go @MatthewX

@Coder100 thx!

np! @MatthewX

@Coder100 wait so how would i do this to store the pokemon the player has?

@Coder100 um, do you know how to move a character with html and javascript?

@Coder100 how come adding the pokemon to the list says the list is still empty? Can u check in the code?

@MatthewX Hi,
This is an amazing website explaining about Classes (div) in HTML and JavaScript...
Click here

Hope this helps
Please mark my answer if this helps

Classes in HTML are different than classes in any other language. Here, they are used for grouping together common elements or groups of elements so that they can be styled or identified in bulk.