Почему при нажатии кнопки переносится на другую страницу?

Question

[atumbochka]

Если нажать на кнопку, то открывается новая страница и выдаёт следующее: Cannot GET /action_page.php
Код:

let name = document.getElementById("fname");
let text = document.getElementById("subject");
let btn = document.getElementById("btn");

let lastReviews = {};

<div class="review">
            <div class="c">
                <form action="action_page.php">
              
                  <label for="fname">Имя</label>
                  <input type="text" id="fname" name="firstname">
              
                  <label for="subject">Текст отзыва</label>
                  <textarea id="subject" name="subject" style="height:200px"></textarea>
              
                  <button>Отправить</button>
              
                </form>
            </div>
        </div>

input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical
}

button {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.c {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

Answer 1

[Lord_Dantes]

Не отменили дефолтную функию формы и поэтому кидает на action.

Answer 2

[Максим]

Может быть потому, что по-умолчанию при обращении к URL в action вызывается метод GET?
И на сервере при этом нет обработчика при запросе GET /action_page.php.

Если у вас на сервере есть маршрут POST /action_page.php, то и метод отправки запроса должен быть POST.
В любом случае в элементе form рекомендую явно указывать метод:

<form action="action_page.php" method="post">
или
<form action="action_page.php" method="get">

Answer 3

[Иван Ерохин]

Не совсем понятно что должно происходить)
Если вы хотите отправлять форму скриптом (ajax), то нужно добавить в обработчик. event.preventDefault()

Подробнее: https://learn.javascript.ru/default-browser-action

Answer 4

[Dennis]

Запускаете точно на сервере?