Алексей Ярков

document.addEventListener('wheel', function (e) {
  e.preventDefault();
  const {deltaY} = e;
  
  if (deltaY < 0) {
  	console.log('UP');	
  } else {
	  console.log('DOWN');
  }
}, {passive: false});

Так?

Можно, например, так
isKType && selected.push({type: 'k'});
Но опять же - зачем?

interface Obj {
    [key: string]: MainType;
    other: OtherType;
}

const response = 'this is test text';
const test = 'test';
const re = new RegExp(`\\b${test}\\b`);

if (response.search(re) >= 0) {
  console.log('true');
} else {
  console.log('false');
}

Почему в JS 0.1+0.2 не равно 0.3?

const response = 'test';
if (response.search(/\btest\b/) >= 0) {
  console.log('true');
} else {
  console.log('false');
}

https://jsfiddle.net/yarkov_aleksei/bmcwha46/

<input type="text">
Здравствуйте, <span></span>

const input = document.querySelector('input');
const span = document.querySelector('span');

input.addEventListener('input', (e) => {
	span.innerHTML = e.target.value;
});

Очень рано вы за Vue взялись

function getDate(dateSting) {

    let date = new Date(dateSting);
    
    if (isNaN(date.getTime())) {
    	return dateSting;
    }

    let dd = date.getDate();
    if (dd < 10) dd = `0${dd}`;

    let mm = date.getMonth() + 1;
    if (mm < 10) mm = `0${mm}`;

    let yy = date.getFullYear() % 100;
    if (yy < 10) yy = `0${yy}`;

   return `${dd}.${mm}.${yy}`;
}

console.clear();
let tt = `skdjbfskdhjbjhg`;
console.log(getDate(tt));

В manifest.json есть секция web_accessible_resources. Добавьте туда options.html.
web_accessible_resources: ["options.html"]

Но настройки лучше открывать так
chrome.runtime.openOptionsPage()

в html можно что ли свои собственные теги писать?

Да. Почитайте про web компоненты.

let data = {};

let name = document.getElementById('name');
let email = document.getElementById('email');
let phone = document.getElementById('phone');
let msg = document.getElementById('message');

let btn = document.getElementById('btn');

btn.addEventListener('click',()=>{
  data = {
    uName : name.value,
    uEmail : email.value,
    uPhone : phone.value,
    uMsg : msg.value
  };
   alert(data.uMsg);
});

Правильно ли я понял, SpeechRecognition это функция-конструктор?

Чтобы подобных сомнений не возникало заглядывайте почаще на MDN.

Как можно проверить при помощи , js узнать, есть ли у браузера этот ?класс? ? объект? Этот API, в общем...

var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;

Да, может

Да, можно так хранить. Не понимаю вашего сомнения.

https://habr.com/ru/company/neuronspace/blog/254671/

Например так

<form id="request" method="post" >
  <input type="text" id="name">
  <button type="submit">КНОПКА</button>
</form>

document.querySelector('#request').addEventListener('submit', (e) => {
	e.preventDefault(); // отменяем стандартное поведение формы
  
  // собираем данные из полей формы и делаем что душе угодно
  const fields = e.target.querySelectorAll('input');
  
  console.log(Array.from(fields).map(input => ({
  	id: input.getAttribute('id'),
    value: input.value
  })));
});

Пример
Попытка вызвать приватный метод приводит к ошибке.

но я все равно могу обратиться ко всем объектам

Деструктуризация