Спасибо за объяснение)
Написала объявление переменной num и присвоение ей значения в самой функции:
var btn = document.getElementById("btn");
btn.addEventListener("click", function getSquareNumber() {
var num = document.getElementById("number").value;
alert(num*num);
});
О, спасибо большое. Ничего не меняла и просто добавила margin: 0 auto; для формы и всё встало как нужно. Я и раньше пыталась выравнять с margin: 0 auto, но не получалось так, как мне нужно было. Как я понимаю, вы писали про то, чтобы задать только margin: 0 auto, а у меня заработало только когда margin: 0 auto вместе с justify-content и когда сумма ширин элементов равна ширине контейнера. Хоть сейчас и работает, но мне кажется, что это должно делаться по-другому :/ Однако ещё раз спасибо))
Извиняюсь, я неправильно выразилась. Сама запуталась уже х) Он выравнивается, но серый фон формы на всю ширину заливается, а мне надо чтобы форма была по центру и по бокам ничего не было.