how to assign same value to two variables in one line

Question

document.getElementsByTagName('span')[0].onclick = function(ev) {
  this.innerHTML, this.parentNode.id = "Z";
 
  //^^^^^^^^^^^^^^^^^^^^^
  //this.innerHTML = "Z";
  //this.parentNode.id = "Z";
}

#Z {
  color: red;
}

<div>
  <span>x</span>
</div>

i want to apply the value "Z" in to this.innerHTML, this.parentNode.id in a single line instead of two lines but it doesn't work using comma

Don't compress your developement code, let a compressing tool do it for the production code. — Teemu, Jul 09 '19 at 17:50

Nina Scholz · Accepted Answer · 2019-07-09T17:42:41.027

2

Just chain the assignments.

Maybe worth a look: In JavaScript, is chained assignment okay?

The comma operator has a different purpose and result.

document.getElementsByTagName('span')[0].onclick = function(ev) {
    this.innerHTML = this.parentNode.id = "Z";
}

#Z { color: red; }

<div><span>x</span></div>

edited Jul 09 '19 at 17:42

answered Jul 09 '19 at 17:40

Nina Scholz

376,160
25
347
392

how to assign same value to two variables in one line

1 Answers1