Posts

Showing posts from August, 2021

JavaScript Calculator

Image
<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Calculator</title> </head> <style>     body {         background-color: teal;     }     form {         text-align: center;         font-family: sans-serif;         color: black;     }     h1 {         text-align: center;         font-family: sans-serif;         background-color: black;         color: floralwhite;     }     fieldset {         margin: 150px 0 0 570px;         width: 300px;         b...
Post a Comment
Read more

Autocomplete Search bar CODE Using jQuery, PHP, Ajax, SQL:

Image
 FrontEnd <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h2>Autocomplete Search bar using jQuery Ajax PHP and Mysql:</h2> <label>Search</label> <input type="text" name="find" id="find" placeholder="Find Name's"><br><br> <div id="findList"></div> </body> </html> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('#find').keyup(function(){ var query = $(this).val(); if (query != '') { $.ajax({ data : {query: query}, type : "post", url : "search.php", success: function(data) { $('#findList').fadeIn(); $('#findList').html(data); } }...
Post a Comment
Read more