ariakm25/Ajax Search.html

## Ajax Search.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>XHR Search</title>
</head>

<body>
    <input type="text" name="s" id="search" onkeyup="ajaxSearch(this.value)" />
    <div id="hasil"></div>

    <script>
        function ajaxSearch(val) {
            let index = val.length
            var ajax;
            if (window.XMLHttpRequest)
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            if (index % 3 == 0) {
                document.getElementById("hasil").innerHTML = ``;
                ajax.onreadystatechange = function () {
                    if (ajax.status == 200 && ajax.readyState == 4) {
                        let res = JSON.parse(ajax.response).results
                        for (let index = 0; index < res.length; index++) {
                            document.getElementById("hasil").innerHTML += `<h1>${res[index].title}<h1>`;
                        }
                    }
                }
                ajax.open("GET", `https://api.jikan.moe/v3/search/anime?q=${val}&limit=5`, false);
                ajax.send();
            }
        }
    </script>
</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>XHR Search</title>
	</head>

	<body>
	<input type="text" name="s" id="search" onkeyup="ajaxSearch(this.value)" />
	<div id="hasil"></div>

	<script>
	function ajaxSearch(val) {
	let index = val.length
	var ajax;
	if (window.XMLHttpRequest)
	ajax = new XMLHttpRequest();
	else
	ajax = new ActiveXObject("Microsoft.XMLHTTP");
	if (index % 3 == 0) {
	document.getElementById("hasil").innerHTML = ``;
	ajax.onreadystatechange = function () {
	if (ajax.status == 200 && ajax.readyState == 4) {
	let res = JSON.parse(ajax.response).results
	for (let index = 0; index < res.length; index++) {
	document.getElementById("hasil").innerHTML += `<h1>${res[index].title}<h1>`;
	}
	}
	}
	ajax.open("GET", `https://api.jikan.moe/v3/search/anime?q=${val}&limit=5`, false);
	ajax.send();
	}
	}
	</script>
	</body>

	</html>