McBernar

Вместо тысячи слов: https://learn.javascript.ru/

Вот вам Линка на тулзу.
Советую хорошенько почитать документацию перед использованием

Примерно так:

const firstChild = document.querySelector('#select option:first-child');
if (firstChild.classList.contains('selected')) {
  // do something
}

Это буквально всё что угодно.
Любая строка которую хотите.
Соответственно получается она рандомом каким-либо.

Стейт менеджер нужен для консистентного управления состоянием приложения, внезапно.
Если вы не пользуетесь менеджером состояния в реакт-приложении, то либо используете контекст (вот хорошее объяснение, почему на проде так делать не нужно), либо пишете заведомо неподдерживаемое приложение. Ну или ваше приложение — это игра в крестики-нолики с двумя полями в стейте корневого компонента.

Большие приложения нельзя писать без стейт-менеджера — это выльется в огромную неподдерживаемую кучу спагетти.

1. Вы можете рассматривать каждое число как разряд. Это позволит сложить и разложить сколь угодно много чисел (см. формулы выделения разрядов).
Для примера, пусть у нас есть 4 числа, каждое из которых может быть 0-9. Тогда, возможно двустороннее преобразование вида: 1 + 2 + 3 + 4 = 1234.

2. Объединить текстовую запись чисел, а потом разбить её на 4 равные части.

3. Представить каждую пару чисел как x.y, а затем представить общее число как a+i*b (комплексное). Например: 1 + 2 + 3 + 4 = 1.2+3.4i. В таком случае возможно даже "бесплатно" получить хеш по формуле Эйлера: 1.2+3.4i => 3.6*e^1.23i.

.hidden {
  display: none;
}

const searchInput = document.querySelector('#txtsearchinput');
const clearButton = document.querySelector('#deltxtinput');

clearButton.addEventListener('click', function() {
  searchInput.value = '';
  searchInput.dispatchEvent(new Event('input'));
});

searchInput.addEventListener('input', function() {
  clearButton.classList.toggle('hidden', !this.value);
});

Ассемблер даст понимание того, как компьютер работает на самом деле. Но прикладному программисту, особенно в вебе, это сплошь и рядом не нужно. Кроме того, человек, вообще не умеющий программировать, не сможет и освоить ассемблер.
Поэтому для заглядывания "под капот" обычно рекомендуют научно-популярную "Код: тайный язык информатики", а учиться программировать можно и на Питоне. Главное - настойчиво учиться программировать, а не ходить вокруг да около с фантазиями "а не изучить ли мне ассемблер, а то взять и начать программировать как-то страшновато".

Нормальный официальный фриланс для вас не подходит из-за возраста и очень низкого опыта программирования. Есть 2 варианта заработать:
1. Делать простые домашние задачи по информатике для школьников и студентов. Тут важно грамотно оценить свои силы, потому что твоя репутация фрилансера - это все что у тебя есть.

2. Написать какое-нибудь приложение, не обязательно для телефона, можно для десктопа, и продавать его через интернет. Найдите свою нишу, что-то узкоспециализированное. Например, я как-то раз сделал программу, которая делает тише вентилятор на определенной модели ноутбуков HP, сделал простейший сайт из 1 HTML файла и там бесплатно выложил её. Знаете, какая у меня была гордость, когда я получил на почту письма с благодарностями из Канады и Китая!

И 3й вариант заработать. Пусть твои родители покупают у тебя готовые программы. Например, вы договоритесь, что ты делаешь игру для телефона, где можно лопать падающие шарики, с меню, с очками, но с очень простым интерфейсом, в котором разберется даже 2х летний ребенок. За эту игру родители заплатят тебе 10000 рублей, когда она будет готова. Дальше, родители тебя наймут, чтобы ты выложил их игру в Play Market. Ты будешь заниматься её продвижением за небольшую зарплату в 500 рублей в месяц и попутно делать следующую игру.

Расскажу про свой опыт заработка в детстве, начиная с 4 класса примерно. Компьютеров тогда не было, но зато были паяльники и радиодетали. Я занимался ремонтом бытовой техники. Блоки питания для антенн, автомагнитолы и все в этом духе. Заказы шли от знакомых людей, соседей. Денег я конечно много не заработал, важнее было поддерживать интерес этим заниматься.

Вот ты с выделением ячейки справился. Молодец. Теперь задай для выделенной ячейки 8 теней синего цвета и позиционируй как надо.

input[type="radio"]:checked + label {
    background: #FF0000;
    box-shadow: 60px 30px 0 0 blue, 60px -30px 0 0 blue;
    position: relative;
    z-index: 1;
}

Можешь даже анимацию задать для тени

label {
    transition: ease box-shadow .3s;
}

В Main добавляете state, например, "показать-модалку" со значением false по умолчанию.
Также в Main делаете фунцию, например, "switchModal" в которой делаете setState({ "показать-модалку": !this.state."показать-модалку"}). На Button вешаете "switchModal" по клику.

Modal показываете в зависимости от state. Типа
{"показать-модалку" && <Modal />}

В сам Modal передаете props с функцией "switchModal".

Внутри Modal делаете функцию
closeModal = () => { this.props.switchModal() }
Вешаете "closeModal" на элемет по клику на который хотите закрывать Modal.