const numbers = [3, 7, 10, 15];

// Ищем первое число больше 5
const result = numbers.find(num => num > 5);

console.log(result); // 7

<!-- Подключение таблицы стилей -->
<link rel="stylesheet" href="styles.css">

<!-- Ссылка на альтернативную версию страницы -->
<link rel="alternate" hreflang="en" href="example.com/en">

<!-- Обычная ссылка с атрибутом rel -->
<a href="https://example.com" rel="noopener noreferrer">Перейти</a>

Атрибут rel важен для SEO, безопасности и улучшения пользовательского опыта.

const numbers = [1, 3, 5, 7];

// Проверяем, есть ли число 5 в массиве
console.log(numbers.includes(5)); // true

const text = "Привет, мир!";
console.log(text.includes("мир")); // true

<img src="image.jpg" class="responsive-img" alt="Пример изображения">

<style>
  .responsive-img {
    width: 300px;
    height: 200px;
    object-fit: cover; /* Заполняет контейнер, обрезая лишнее */
  }
</style>

const text = "JavaScript — крутой язык!";

// Проверяем, начинается ли строка с "Java"
console.log(text.startsWith("Java")); // true

// Проверяем с учетом позиции
console.log(text.startsWith("крутой", 13)); // true

<div class="box">Этот текст слишком длинный для блока и может выходить за его границы.</div>

<style>
  .box {
    width: 200px;
    height: 50px;
    border: 1px solid black;
    overflow: hidden; /* Обрезаем лишний контент */
  }
</style>

const text = "frontend — это круто!";

// Проверяем, заканчивается ли строка на "круто!"
console.log(text.endsWith("круто!")); // true

// Проверяем с ограничением по длине
console.log(text.endsWith("frontend", 8)); // true