robinloeffel/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>fetch and async await</title>
        <style type="text/css">
        	html {
        		font-size: 18px;
        		font-family: sans-serif;
        		line-height: 1.6;
        		color: #333;
        	}
        </style>
    </head>
    <body>
        <h1>Suh dud</h1>
        <p>My contents will be replaced...</p>

        <script>
            const getUsers = async (url) => {
                const req = await fetch(url),
                    res = await req.json(),
                    p = document.querySelector('p'),
                    rand = Math.round(Math.random() * 9);

                p.innerHTML = `I am <b>${res[rand].name}</b> and my mail is <b>${res[rand].email}</b>.`;
            };

            getUsers('https://jsonplaceholder.typicode.com/users');
        </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>fetch and async await</title>
	<style type="text/css">
	html {
	font-size: 18px;
	font-family: sans-serif;
	line-height: 1.6;
	color: #333;
	}
	</style>
	</head>
	<body>
	<h1>Suh dud</h1>
	<p>My contents will be replaced...</p>

	<script>
	const getUsers = async (url) => {
	const req = await fetch(url),
	res = await req.json(),
	p = document.querySelector('p'),
	rand = Math.round(Math.random() * 9);

	p.innerHTML = `I am <b>${res[rand].name}</b> and my mail is <b>${res[rand].email}</b>.`;
	};

	getUsers('https://jsonplaceholder.typicode.com/users');
	</script>
	</body>
	</html>