a click function that runs "if" then proceedes

Question

what im trying to write is a function that will be activated by a click that will run if the class name of the clicked element is correct. then change the class name to another state so it can not be run again until another part of the function reverts it. it will roughly look like this:

king1.addEventListener("click", turn);

function turn() {
 if (this.className="nf") {
  this.className="f"
   ...run more functions after
 };
 
}

This is the second post I found with same problem. `=` means assignment. Use `==` or `===` to compare — Rajesh, Sep 01 '17 at 09:50
This might help: https://stackoverflow.com/questions/5898656/test-if-an-element-contains-a-class. Not marking duplicate as the real issue is use of operator — Rajesh, Sep 01 '17 at 09:53

Suren Srapyan · Answer 1 · 2017-09-01T09:52:26.190

3

Use classList property of the element with includes#Array or it's own contains functions.

if([...classList].includes('nf')){

}

or

if(classList.contains('nf')){

}

edited Sep 01 '17 at 09:52

answered Sep 01 '17 at 09:49

Suren Srapyan

66,568
14
114
112

i get this error in chrome " uncaught type error!: cannot read property 'contains' undefind – liam smith Sep 01 '17 at 10:10
Check why is your `classList` undefined? – Suren Srapyan Sep 01 '17 at 10:12
sorry, ima nub, is there a way to do this? my code so far is if (this.contains("nf")) { } – liam smith Sep 01 '17 at 11:26

a click function that runs "if" then proceedes

1 Answers1