Максим

да не знаешь ты их, даже если думаешь что знаешь (цсс - вообще не язык программирования).
и само по себе знание языка никакой ценности не представляет.

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

в современной индустрии скил общения и разруливания сложных ситуаций не менее важнее собственно написания кода. если ты им не овладеешь в отрочестве, то дальше будет только сложнее.

Вообще-то на CSS можно без проблем такое сделать. По пути наименьшего сопротивления → на гридах с параметром 1fr для шаблона по высоте. На флексбоксах тоже такое можно муткануть, но не так приятно, как на гридах.

А на JS надо брать размер элемента, можно сразу три, чтобы сравнивать и брать больший, а затем присваивать его всем в качестве min-height (иначе при перерасчетах он будет всегда фикс высоту выдавать).

Желательно это все завернуть в функцию, которую вызвать при инициации скрипта И запустить в вотчере события изменения размера окна.

Intersection Observer

<input id="input" type="text" name="nick" placeholder="Имя" value="<?= $_POST['nick'] ?? '' ?>" required />

Как сверстать такой блок?

1. Inkscape + Gimp. Тык.
2. Inkscape → SVG + SMILL.
3. Wine → софт от винды.

например вот-так

/^(?=.*\d)\w{3,20}$/m

https://regex101.com/r/H47hPN/3

Смотря какой метод у запроса, если POST вы его никак не обработаете без серверной части. Если GET, можно конечно спарсить из URL строки, но метод такой себе. Если все же без этого никак, то вот пример, который я нашел на stackoverflow:

function httpGet(theUrl)
{
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
    xmlHttp.send( null );
    return xmlHttp.responseText;
}

Но самый оптимальный способ, на мой взгляд, это передавать данные между этими страницами используя cookie.

Находишь кнопку в коде и задаёшь id (атрибут "id="твой любой id")
В js с помощью getElementById("твой id кнопки") добавляешь кнопку в переменную. Точно также делаешь с цифрой которая меняется.


Пример (Updated):

HTML:

<div id="counter">
<input type="button" id="buttonCountPlus" value="+">
<div id="buttonCountNumber">1</div>
<input type="button" id="buttonCountMinus" value="-">
</div>

<div id="calculation">150</div> // 150 просто число для наглядности вычисления

JavaScript:

let calculate = document.getElementById("calculation");
let count = document.getElementById("buttonCountNumber");
calculation = document.getElementById("calculation").innerHTML;

document.getElementById("buttonCountPlus").onclick = function() {
  let countPlus = count.innerHTML;
  if(+countPlus <= 3){
    count.innerHTML++;
    let countPlus = count.innerHTML;
    calculate.innerHTML = calculations(countPlus) ;
  }
}

document.getElementById("buttonCountMinus").onclick = function() {
  let countMinus = count.innerHTML;
  if(+countMinus >= 2){
    count.innerHTML--;
    let countMinus = count.innerHTML;
    calculate.innerHTML = calculations(countMinus) ;
  }
}

calculations = (count) => {
  return calculation+` * ${count} = ` + (+count)*(+calculation);
}

Правильно так:

<input type="button" id="buttonCountPlus" value="+">
<input type="button" id="buttonCountMinus" value="-">
<div id="buttonCountNumber">1</div>
<input type="hidden" value="1" id="num" name="num">

let buttonCountPlus = document.getElementById("buttonCountPlus");
let buttonCountMinus = document.getElementById("buttonCountMinus");
let count = document.getElementById("buttonCountNumber");
let count2 = document.getElementById("num");
let number = 1;
let price = 350;

buttonCountPlus.onclick = function() {
    if (number <= 3) {
        number++;
        count.innerHTML = number;
        count2.value = number * price;
    }
};

buttonCountMinus.onclick = function() {
   if (number >= 2) {
       number--;
       count.innerHTML = number;
       count2.value = number * price;
    }
}:

Делал как-то такое ))), если хочешь увеличить само внутреннее свечение то просто увеличь у inset 3 и 4 значение

Цель: реализовать якорные ссылки

Шаг №0 для достижения этой цели - собственно, использовать в разметке ссылки, а в качестве href указывать идентификатор элемента. И тогда никаких if не понадобится - можно будет легко получить id элемента, а по id уже его самого.

Бонусом люди со сломанным или выключенным js смогут пользоваться этим меню и можно будет скопировать прямую ссылку на определённый блок.

Но если уж вы нестерпимо хотите сломать стандартный сценарий использования ссылок на страницах, потому что вас "не устраивает их отображение в адрессной строке", можно добиться и этого через event.preventDefault().