Александр Новиков

let alphabet = 'абвгдеёжзийклмнопрстуфхцчшщъыьэюя',
    word = '';
for(let i = 0; i < 6; i++){
    word += alphabet[Math.round(Math.random() * (alphabet.length - 1))];
}
console.log(word);

Тоже голову ломал, но в итоге получилось!

var abc = "abcdefghijklmnopqrstuvwxyz";
        var rs = "";
        while (rs.length < 6) {
            rs += abc[Math.floor(Math.random() * abc.length)];
        }
        console.log(rs);

Ну это же элементарно...

.text-container1:hover {
  color: white;
}

Вероятно вам нужен обычный transition, он будет срабатывать каждый раз, когда значения будут меняться:

.items {
    .single-chart {
        .circular-chart {
            .circle {
                /* animation: progress 1s ease-out forwards; */
                transition: stroke-dasharray 1s ease-out;
            }
        }
    }
}

1. Классика, цикл for {}

const info = {
    title: 'Hello!!!',
    graduatesCount: 2000,
    areYouChampion: true,
    technologies: ['Front', 'Back', 'Devops']
}
let techSelect = document.createElement('select');
for (let i = 0; i < info.technologies.length; i++) {
    let render = document.createElement('option');
    render.append(info.technologies[i]);
    techSelect.append(render);
}
document.body.append(techSelect);

2. Цикл for..in

let techSelect = document.createElement('select');
for (let i in info.technologies) {
    let render = document.createElement('option');
    render.append(info.technologies[i]);
    techSelect.append(render);
}
document.body.append(techSelect);

3. Цикл for..of

let techSelect = document.createElement('select');
for (let i of info.technologies) {
    let render = document.createElement('option');
    render.append(i);
    techSelect.append(render);
}
document.body.append(techSelect);

4. Метод массива forEach()

let techSelect = document.createElement('select');
info.technologies.forEach(i => {
    let render = document.createElement('option');
    render.append(i);
    techSelect.append(render);
});
document.body.append(techSelect);

5. Метод массива reduce()

let techSelect = document.createElement('select');
techSelect.append(info.technologies.reduce((acc, i) => acc+`<option>${i}</option>`, ''));
document.body.append(techSelect);

Вы наверное слышали, что каждый уважающий себя программист обязан написать несколько велосипедов? И JavaScript-программисты тоже так делают и еще как! Так вот в этом нет ничего плохого, это отличное самообучение.

Для начала заходите на любой каталог плагинов для JavaScript или jQuery. Находите интересный, не очень сложный на вид плагинчик (например карусель, лайтбокс, слайдер и т.п.) и пытаетесь сделать похожий, только лучше. Поначалу будет выходить черти что, но, это будет уже реальная задача, где вы начнете сталкиваться с реальными особенностями языка. Вот тут то знания и начнут обретать какую-то структуру у вас в голове.

Не пытайтесь брать сразу сложные вещи, начинайте с малого. Как заметили выше, не смотрите пока что на очень сложные книжки, их читать сейчас почти бесполезно.

// Допустим у вас есть объект:
var a = {};

// Вы можете сохранить функцию в одно из полей этого объекта
a.foo = function () {
    console.log(123);
};

// Теперь вы можете вызвать эту функцию используя точечную нотацию:
a.foo();

// Или используя нотацию в квадратных скобках:
a["foo"]();

// Теперь допустим вы хотите сохранить название функции в переменной:
var bar = "foo";

// Как теперь снова вызвать foo, зная только bar? Вот так:
a[bar]();

Быстро изучить просто.
Придумывайте любой проект и начинаете его делать.
И самое главное, вы должны делать это самостоятельно, без всяких тостеров.
Книги вам помогут любые где есть просто базовые знания, а вот всякие ютуб каналы особо не помогут, может только чуть разобраться в фреймворках, но всё равно документация рулит.
Если хотите создавать игры, то копайте движок Unity и его документацию.

Сам процесс простой.
1. Пишите как знаете проект, главное чтобы заработало как планируете, на сам код не обращайте особого внимания.
2. Начинаете переписывать проект с полученным опытом из 1 пункта с использование новых знаний из прочтения книг по всяким архитектурам и паттернам.
3. Повторяете в цикле первые 2 пункта до 11 класса каждый день тратя по 4 часа минимум.

Весь ваш прогресс заносите через git на гитхаб, пригодится, когда будете искать работу.

так накидал на коленке как вариант

проще всего через iframe
вам в любом случае нужно с базы начинать - html и css
потом желательно хотя бы базовое понимание js и только потом браться за самостоятельное создание сайтов