Показать сообщение отдельно
  #4 (permalink)  
Старый 02.01.2019, 12:24
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

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>
Ответить с цитированием