Я хочу сделать на сайте простую форму авторизации, которая будет при нажатии на кнопку, сравнивать данные введённые в 2 формочки <input>
(пароль и логин) с таблицей из базы данных MySQL .
Подскажите пожалуйста, что мне изучать ?
Для программирования кнопки, использую Javascript, для подключения к базе данных MySQL и получения данных из таблицы использую php.
Не могу понять как связать php и javascript, пробовал читать про использование AJAX и Node.js, но там все запутанно и не понятно.
php: connect.php:
<?php
$host = ' ';
$user = ' ';
$pass = ' '; //
$db_name = ' '; // Имя базы данных
$link = mysqli_connect($host, $user, $pass, $db_name); // Соединяемся с базой
$login = mysqli_query($link, 'SELECT username FROM `users`');
$password = mysqli_query($link, 'SELECT pass FROM `users`');
?>
javascript: script.js:
function onclickLogin() {
var login = document.getElementById('login')
var password = document.getElementById('password')
}
html: index.html:
<head>
<script src="js/script.js"></script>
</head>
<form method="get" action="connect.php">
<div class="panel" style="display: block;">
<h1>Авторизация</h1>
<input id="login" class="login" name="logim" type="text" placeholder="Введите логин">
<input id="password" name="password" class="password" type="password" placeholder="Введите пароль">
<button type="sumbit" name="submit" onclick="onclickLogin()" class="loginButton">Авторизоваться</button>
</div>
</form>