Javascript rimuovi onclick: javascript, html, css, javascript-events

Sto mettendo da parte il mio codice HTML. Ho creato un javascript che mi consente di modificare la larghezza e quando faccio clic una seconda volta per diminuirla. Ma quando clicco da parte due volte non succederà nulla. Non funziona. Si prega di trovare un modo per risolvere questo problema. Voglio che dal primo clic su da parte le modifiche di larghezza, e il secondo clic riducano la larghezza.

VIOLINO

qui la mia sceneggiatura:

<aside id="aside">
<div id="click">
<li>
</li>
</div>
</aside>

JS:

var next = document.getElementById("click");
next.addEventListener("click", function() {
if (document.getElementById("aside").style.width = "35px"){
document.getElementById("aside").style.width = "55%";
document.getElementById("click").style.height = "calc(100% - px)";
document.getElementById("click").style.marginTop = "-1px";
document.getElementById("click").style.paddingLeft = "7px";
document.getElementById("click").style.cssFloat = "right";
document.getElementById("aside").style.WebkitTransition = "width 1s";
document.getElementById("aside").style.MozTransition = "width 1s";
document.getElementById("image").style.marginLeft = "-5px";
var img = document.getElementById("image");
img.setAttribute("class", "rotated-image");
}
}, false);

window.addEventListener("click", function() {
if (document.getElementById("aside").style.width == "55%"){
document.getElementById("aside").style.width = "35px";
}
});

Mi scusi per il mio inglese.

risposte:

if (document.getElementById("aside").style.width = "55%"){

Dovrebbe essere

if (document.getElementById("aside").style.width == "55%"){

Nota i due segni uguali da confrontare, anziché l'assegnazione.

Il problema è quando si fa clic sull'elemento per la prima volta, questa chiamata next.addEventListener("click", function() { e al termine di questa funzione, viene chiamata anche la funzione successiva window.addEventListener("click", function() { quindi ... ritorna alle dimensioni originali

"Ho risolto il mio problema senza il tuo adorabile aiuto:

il Solutuion:

VIOLINO

Grazie per la tua disponibilità * sarcasmo