| Vlasenko Fedor |
02.01.2019 12:24 |
C Новым годом!!!
<!DOCTYPE html>
<html>
<head>
<title>Happy New Year JavaScript forum!!!</title>
<meta charset="utf-8">
<style type="text/css">
* {
text-align: center;
color: green;
background: #000;
}
body{margin-top: 10%;}
#text {
color: #9e9e9e;
}
</style>
</head>
<body>
<script>
const buildTree = tier => {
let s = ' '.repeat(tier - 1);
for (s = s + '*' + s; tier--; document.write(s, '<br>'), s = s.replace(/\s(\*+)\s/, '*$1*')) ;
};
[3,5,7].map(buildTree);
let i = 0, title = document.title;
const speech = _=>speechSynthesis.speak(new SpeechSynthesisUtterance(title));
setInterval(_ => text.innerHTML = i === title.length ? (speech(), i = 0, ' ') : title.substr(0, ++i), 300)
</script>
<h1 id="text"></h1>
</body>
</html>
|
