RoverWhite

Насколько я вижу базовый фреймворк ReactJS
и сделан там скрипт изменения свойств компонентов в момент изменения размеров окна
а вот здесь обсуждается вопрос перерисовки интерфейса в момент ресайза окна на ReactJS
stackoverflow.com/questions/19014250/reactjs-reren...

Странно, теги P не относятся к формам. Если Вы хотите передавать какие-то данные используйте INPUT type="hidden"

А можно вот так извратиться

var width = document.getElementById("id").parentNode.offsetWidth - 5;
document.getElementById("id").style.width = width + 'px';

В обработчике события надо проверить какую кнопку нажали.
В обработчик передается объект MouseEvent
вот его свойства и надо просмотреть
https://developer.mozilla.org/en-US/docs/Web/API/M...

В Google Chrome в Developer Tools в разделе Elements правой клавишей на искомый элемент и в открывшемся меню "Break on..." -> "Subtree modification"
Это в том случае если элемент меняется javasript'ом
После установки закладки перезагружаем страницу (F5) и должны остановиться как раз на том месте где
элемент меняется.

1) в первом случае значение переменной n будет после цикла равно 3-м
2) и во втором случае также 3-м
отличия инкримента имели бы смысл в таком виде
var n = 1;
var a = 0;
var b = 0;
a = (n++);
b = (++n);
результат:
a = 1
b = 3
Происходит это потому что x++ сначала возвращает значение переменной а затем инкрементирует, в то время как ++x наоборот сначала инкрементирует а затем возвращает значение переменной.
В вашем же случае не происходит инкрементации и сравнения за один шаг, сначала увеличиваем на 1 а уже после сравниваем.