Павел Корнилов

Углублённо - может, и не надо, смотря на каком уровне развития вы себя видите в будущем. А вот знать основы языка и принципы построения нативных конструкций - это уже необходимо для любого современного фронт-эндера.
Плагины вы можете использовать, никто не запрещает, однако часто бывают случаи, когда плагин нужно допиливать под конкретные нужды, тогда придется изучать фреймворк. А знать фреймворк, не зная языка, на котором он написан - это уже совсем не правильный подход.

var tabWidth = document.querySelector('.accordion-tabs li > a').offsetWidth;
  if(tabWidth <= 180){
    console.log(true);
  }

youarea.onclick= function(e) {
...
e.stopPropagation();
}

UPD

Доработал ваш код, интересны идеи по развитию игры.
https://js-master.ru/content/10.Igry/Super_Mario

Яваскриптом:

<div class="result pointer" onclick="jump(this);" style="background:#eee; display: inline-block; padding: 5px;">
  Прыгучий объект
 </div>

 <script type="text/javascript">
 function jump (el) {
  el.style.position='relative';
  var i=0, an= setInterval(function() {
   if (i>=Math.PI) {
    clearInterval(an);
    el.style.top= 0;
   } else el.style.top= -100*Math.sin(i) + 'px';
   i+=.1;
  },25)
 }
 </script>

https://js-master.ru/?Javascripts___Бесплатные_скр...

/чудо\-юдо/im

Читайте про XSS.
htmlspecialchars
strip_tags

Я бы сделал как-то так:

<button onclick="go();">Пуск</button>
<script>
	function go () {
		let t= " in ax2 + bx + c",
			a = prompt("Enter a value"+t, 10),
			b = prompt("Enter b value"+t, 10),
			c = prompt("Enter c value"+t, 10),
			result;
		
		if(a === 0 && b === 0 && c === 0){
			return alert ("The values must be bigger than 0");
		}

		var discr = (b * b ) - 4 * a * c,
			sqrtDiscr = Math.sqrt(discr);
		
		if(discr < 0 ){
			return alert ("This Equation have not solution");
		}

		

		if(discr === 0 ){
		console.log("This Equation have only 1 solution")
		result = (-b) / (2 * a);
		} else {
		console.log("This Equation have 2 solution");
		result = ((- b + sqrtDiscr) / (2 * a)).toFixed(2) + "; \n" + ((- b - sqrtDiscr) / (2 * a)).toFixed(2);
		alert (result);
		}
	}

А так без развратов:
https://codepen.io/anon/pen/yzLxKO
=)

document.querySelector('#zakaz-status').onchange= function() {
document.querySelector('#autsors-select').hidden= !(this.value === '8');
}

https://jsfiddle.net/r98axt37/

Загружаемые файлы на сервере попадают изначально во временную папку, из которой уже переносятся в окончательную после проверки завершения их загрузки. Все это прописано в серверных кодах, доступ к которым получить невозможно легальными путями.

Да никаких проблем нет, если знаешь JS.

<input type="text" id=calc>
<span id="res"></span><p style="cursor:pointer;">OK</p>
<script>
var calc= document.getElementById('calc');
calc.onchange= function(e) {
	document.getElementById('res').textContent= eval(this.value);
}

</script>