Осваивание баз JavaScript на практике

JavaScriptJavaScriptBeginner
Практиковаться сейчас

This tutorial is from open-source community. Access the source code

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом лабе мы будем изучать основы языка программирования JavaScript. Лаборатория предназначена для того, чтобы участники получили твердый фундамент в основах JavaScript, включая переменные, типы данных, управляющие конструкции, функции и многое другое. С помощью серии практических упражнений и примеров участники научатся писать код на JavaScript и создавать простые программы. Эта лаборатория подходит для начинающих, у которых практически нет опыта программирования.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28602{{"Осваивание баз JavaScript на практике"}} javascript/data_types -.-> lab-28602{{"Осваивание баз JavaScript на практике"}} javascript/arith_ops -.-> lab-28602{{"Осваивание баз JavaScript на практике"}} javascript/comp_ops -.-> lab-28602{{"Осваивание баз JavaScript на практике"}} end

Преобразование RGB в HSB

Для преобразования кортежа цветов RGB в формат HSB вы можете следовать следующим шагам:

  1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  2. Используйте формулу преобразования RGB в HSB, чтобы преобразовать кортеж цветов RGB в соответствующий формат HSB.
  3. Диапазон входных параметров составляет [0, 255], в то время как результирующие значения имеют диапазон:
  • H: [0, 360]
  • S: [0, 100]
  • B: [0, 100]

Вот функция на JavaScript:

const RGBToHSB = (r, g, b) => {
  r /= 255;
  g /= 255;
  b /= 255;
  const v = Math.max(r, g, b),
    n = v - Math.min(r, g, b);
  const h =
    n === 0
      ? 0
      : n && v === r
        ? (g - b) / n
        : v === g
          ? 2 + (b - r) / n
          : 4 + (r - g) / n;
  return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];
};

Вы можете вызвать функцию так:

RGBToHSB(252, 111, 48);
// [18.529411764705856, 80.95238095238095, 98.82352941176471]

Резюме

Поздравляем! Вы завершили лабу по преобразованию RGB в HSB. Вы можете практиковаться в других лабораториях в LabEx, чтобы улучшить свои навыки.