使用javascript将div内的文本更改为负的html代码

Question

I have this div:

<div class="signs" id="signs" onclick="toggle()">&#43;</div>

which displays the positive sign. when clicking on it, I want to change it to the negative sign with html code − :

function toggle() {
  var x = document.getElementById("signs");
  if (x.textContent === `&#43`) {
    x.textContent = `−`;
  } else {
    x.textContent = `+`;
  }
}

But toggle function changes the positive sign to plain text − and not the negative sign! How can I achieve changing the positive to negative sign using javascript with my structure above?

Answer 1

can you try

        function toggle() {
            var x = document.getElementById("signs");
            if (x.textContent == `+`) {
                x.textContent = `-`;
            } else {
                x.textContent = `+`;
            }
        }

this?

Answer 2

retrieve the entity code using charCodeAt() , then update the element via .innerHTML

 function toggle() { var x = document.getElementById("signs"); var code = x.textContent.charCodeAt(); if (code === 43) { x.innerHTML = `−`; } else { x.innerHTML = `+`; } }

 <div class="signs" id="signs" onclick="toggle()">&#43;</div>

Answer 3

 function toggle() { var x = document.getElementById("signs").textContent; if (x == `+`) { x = `-`; } else { x = `+`; } document.getElementById("signs").innerHTML = x; }

 <div class="signs" id="signs" onclick="toggle()">+</div>