User(Ajax) - Posts - OneCompiler

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AJAX Name Recognition</title> <script> function checkName() { var name = document.getElementById('name').value; var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("response").innerHTML = this.responseText; } }; xhttp.open("GET", "ajax_name_recognition.php?name=" + name, true); xhttp.send(); } </script> </head> <body><p>Enter your name: <input type="text" id="name" onkeyup="checkName()"></p> <p id="response"></p></body> </html> <?php $name = $_GET['name']; if (empty($name)) { echo "Stranger, please tell me your name!"; } else if (in_array($name, ['Rohit', 'Virat', 'Dhoni', 'Ashwin', 'Harbhajan'])) { echo "Hello, master!"; } else { echo "I don't know you!"; } ?>