How to run a class in html and javascript?

Ask coding questions

← Back to all posts

How to run a class in html and javascript?

MatthewX

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

Answered by Coder100 [earned 5 cycles]

View Answer

Voters

MatthewX

Comments

hot new top

Coder100

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";
})

MatthewX

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

MatthewX

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

MatthewX

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

Coder100

um, using append @MatthewX

MatthewX

@Coder100 wait how

MatthewX

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

Coder100


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

Coder100

there ya go @MatthewX

MatthewX

@Coder100 thx!

Coder100

np! @MatthewX

MatthewX

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

MatthewX

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

MatthewX

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

PattanAhmed

@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

SixBeeps

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.