Some dynamic with JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
<title>Some dynamic with JavaScript</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>

a {
text-decoration:none;
color:red;
font-size:50px;
}

.link {
transform:translate(10px)skew(-40deg);
display:inline-block;
}


</style>
</head>
<body>


<script>
i=0;

document.body.setAttribute('style','font-size:25px;font-family:arial;font-weight:900;color:maroon;');

 x=["<a href='https://www.w3schools.com/js/' target='_blank'>w3schools</a>"];
 c=x[i];

alert('Maybe this example\nchange the way you see Javascript');

del=setInterval(function(){
document.body.innerHTML+=c[i];
i++;
if(i==c.length){
clearInterval(del);
document.body.innerHTML+='<br>'+'<span class="link">'+x+'</span>';
}
},150);


</script>
</body>
</html>