ip.html

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="searchbar.css"/>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"/>
<title>Location Test</title>

</head>
<body>
 <div class="box">
   
<h1 id="greeting">
</h1>
   <h3 id="question">
      I see you in
   </h3>
 <br>
<p>Your Public IP Address:</p>
<p id="ip">

  
  <div class="search-bar">
	<input 
		type="text" 
		class="input" 
		aria-label="search" 
		placeholder="enter your search"
		spellcheck="false"
	/>
	<div 
		class="icon" 
		role="button" 
		aria-label="input submit"
	>
		🔎
	</div>
</div>
  

  </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src = "ip.js"></script>
</body>
</html>