Im p3l

Добрый день!
Вот такой вариант подойдет?

Обычно в конце. А проще использовать sass/less, так будет меньше путаницы

Переправлять долго, суть такая:
Дополнительная обертка для label и input с flex-direction: column; (что бы выстроились по вертикали)
Дополнительная обертка для textarea и button, тоже самое.

И для сообщения существует свой тэг, не input type="text", а textarea
Label не привязывают к 5 input, обычно label нужен что бы связать его с input по id => for, что бы при клике по label ставился чекпоинт(или курсор), на тот инпут к которому привязан label

В переменную условное состояние "кликнутости" в булевом виде запишите, и в хендлере на mouseleave проверяйте эту переменную, соответственно изменение переменной происходит по клику.

1) Чтобы выделить все элементы, которые являются "дочерними" текущему (находятся на один уровень ниже), следует использовать знак "больше" и звёздочку

.first > * {
    opacity: 0.5;
}

2) Чтобы выделить все элементы внутри текущего, которые находятся на любом уровне вложенности, следует использовать просто звёздочку без знака "больше"

.first  * {
    opacity: 0.5;
}

.active .block {
  border: 1px solid red;
  color: red;
}

.active .under-box-text {
  display: none;
}

.active .invisible {
  display: block;
}

const itemSelector = '.wrapper';
const buttonSelector = '.block, .link';
const activeClass = 'active';

$(itemSelector).on('click', buttonSelector, e => {
  $(e.delegateTarget).toggleClass(activeClass);
});

// или

document.querySelectorAll(itemSelector).forEach(function(n) {
  n.querySelectorAll(buttonSelector).forEach(m => m.addEventListener('click', this));
}, e => e.currentTarget.closest(itemSelector).classList.toggle(activeClass));

// или

document.querySelectorAll(itemSelector).forEach(n => {
  n.addEventListener('click', onClick);
});

function onClick(e) {
  const button = e.target.closest(buttonSelector);
  if (button) {
    this.classList.toggle(activeClass);
  }
}

// или

document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  const item = button && button.closest(itemSelector);
  item && item.classList.toggle(activeClass);
});

В связи с тем, что автор нашел скругления в своем макете, вариант с SVG:


Например, так
Для скруглений на CSS еще пошаманить с https://jsfiddle.net/xt1chyvn/
Либо псевдоэлементом с градиентом или бордером, если фон цветом (который голубой у вас), а не картинкой.

MOV AL, ARRAY_X[SI]
IMUL BX

Это неправильно: IMUL BX умножает AX на BX, а загружается из памяти только AL. Нужно либо знаково расширять AL в AX, либо, что логичнее, умножать AL на BL.

IDIV 2  
    CMP AL,2            
    JGE M2

Этот код переходит на M2 если AL >= 2, но: 1) остаток от деления idiv помещает в AH, и 2) остаток от деления на 2 -- это или 0 или 1.
Вообще вместо деления можно было просто проверить значение нулевого бита:

M1: MOV AL,ARRAY_X[SI] 
    TEST AL, 1
    JZ M2
    MOV ARRAY_Y[DI],AL      
    INC DI                  
        
M2: INC SI                  
    LOOP M1

getShapeParams Переписать так:

function getShapeParams() {
  var shapeParams = {};
  shapeParams = {
    radius: document.getElementsByClassName('radius')[0].value.toString(),
    x1Crd: document.getElementsByClassName('circle-x1-crd')[0].value.toString(),
    x2Crd: document.getElementsByClassName('circle-y2-crd')[0].value.toString()
  };
  console.log(shapeParams.radius);
  return shapeParams;
}

а во второй ф-ции: getShapeParams(shapeParams); заменить на var shapeParams = getShapeParams(); и все должно работать.

Ну или обявить обект shapeParams вне функций. тогда получиться так:

var shapeParams = {};
function getShapeParams() {
  shapeParams = {
    radius: document.getElementsByClassName('radius')[0].value.toString(),
    x1Crd: document.getElementsByClassName('circle-x1-crd')[0].value.toString(),
    x2Crd: document.getElementsByClassName('circle-y2-crd')[0].value.toString()
  };
  console.log(shapeParams.radius);
}

function circle() {
  var canvas = document.getElementById('canvas');
  var context = canvas.getContext('2d');

  getShapeParams();

  this.radius = shapeParams.radius;
  this.x1Crd = shapeParams.x1Crd;
  this.x2Crd = shapeParams.x2Crd;

  context.clearRect(0, 0, canvas.width, canvas.height);
  context.beginPath();
  context.arc(x1Crd, x2Crd, radius, 0, Math.PI*2, false);
  context.fillStyle = 'red';
  context.fill();
  context.lineWidth = 1;
  context.strokeStyle = 'red';
  context.stroke();
}

circle();

но первый метод полутше будет.

return array && console.log('Filled random array: ' + array);

что это?

может

console.log('Filled random array: ' + array);
return array;

функция randomArray будет всегда возвращать undefined благодаря &&

Не совсем понимаю, зачем сравнивать два аргумента, если я что-то не понял, поясните, плз, но я бы тестил этот метод таким образом:

describe("selectChannel method", function () {
  const tv = new TV();
  tv.power();
 
  it("does not allow selecting channel above 98", function () {
      assert.isFalse(tv.selectChannel(100));
    });

  it("selects provided channel number if it matches requirements", function () {
      tv.selectChannel(88)
      assert.isEqual(tv._channel, 88);
    });
 
});

Много текста - мало сути. Боюсь, и учите вы также.

прочесть:
1. Савин "Тестирование Dot Com"
2. Программу базового уровня ISTQB - rstqb.org/sertifikacija/materialy/materialy-istqb.html

Для минимум изучения:
1. Общую информацию про http протокол.
2. Как правильно писать баги (необходимая информация, ясность, лаконичность, пр)
3. Консоль браузера.
4. SQL - базовые запросы, join'ы
5. Посмотреть как выглядит процесс CI, инструменты типа Jenkins
6. Selenium - постольку-поскольку. Маловероятно, что сходу дадут писать прям автотесты. Если будет время, до кучи с ним еще XPath
7. Xml
8. Всякие полезные фичи, типа инструментов для быстрой обработки скриншотов.