JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <form id="formData" action="#">
    <input type="text" id="search">
    <input type="submit" value="submit">
  </form>

</html>

JavaScript

$("#formData").on('submit', () => {
  localStorage.setItem('search', $('#search').val());
});

$(document).ready(function(){
        const searchedId = localStorage.getItem('search')
				
        if (window.location.href.match('/')) {
        console.log(searchedId);
            $.ajax({
                url:'https://jsonplaceholder.typicode.com/todos',
                dataType: 'text', 
            		cache: false,
            		contentType: false,
            		processData: false,
                type: 'GET',
                data: {searchedId},
                success: function(result,status, xhr){
                	console.log(status);
                },
                error: function(jqXhr, textStatus, errorMessage) {
                    console.log('error : '+errorMessage);
                }
            });
        }
});