<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> <script id="blue" src="turnBlue.js" async></script> </head> <body> <p class="centered" id="logo">Codecademy</p> </body> </html>
A second question based on the review text :
The old convention was to put scripts right before the
</body>tag to prevent the script from blocking the rest of the HTML content. Now, the convention is to put the script tag in the
<head>element and to use the
<head>, they should always contain either defer or async. Only this way can we exclude them right before the
<body> tag ?