ryqndev/index.html

## index.html
<!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>Document</title>
    <script src="./script.js"></script>
</head>
<body>
    <input type="text" id="user-input" />
    <button onclick="clicked()">click me</button>
    <div id="display"></div>
</body>
</html>

## script.js
let POLYGON_API = 'replace-this-with-your-api';

function clicked() {
	// gets the user typed value
	let userStock = document.getElementById('user-input').value;

	// fetches data from the api
	fetch(
		'https://api.polygon.io/v2/aggs/ticker/' + userStock + '/range/1/day/2023-01-09/2023-01-09?apiKey=' + POLYGON_API,
	)
	.then(response => response.json())
	.then(response => {
	    // prints out the response
	    console.log(response);

	    // sets the value in the website to be stock value
	    document.getElementById('display').innerHTML = response['results'][0]['c'];
	});
}
	<!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>Document</title>
	<script src="./script.js"></script>
	</head>
	<body>
	<input type="text" id="user-input" />
	<button onclick="clicked()">click me</button>
	<div id="display"></div>
	</body>
	</html>
	let POLYGON_API = 'replace-this-with-your-api';

	function clicked() {
	// gets the user typed value
	let userStock = document.getElementById('user-input').value;

	// fetches data from the api
	fetch(
	'https://api.polygon.io/v2/aggs/ticker/' + userStock + '/range/1/day/2023-01-09/2023-01-09?apiKey=' + POLYGON_API,
	)
	.then(response => response.json())
	.then(response => {
	// prints out the response
	console.log(response);

	// sets the value in the website to be stock value
	document.getElementById('display').innerHTML = response['results'][0]['c'];
	});
	}