Если вы поклонник кинематографической вселенной Marvel (MCU), вы, вероятно, слышали о Таносе, грозном злодее, который стремился сбалансировать вселенную, стирая половину всего живого щелчком пальцев. Хотя действия Таноса были вымышленными, существует забавная пасхалка, известная как «Трюк Таноса Google», которая отдает дань уважения этому культовому персонажу. В этой статье мы углубимся в различные методы и примеры кода, чтобы лично испытать трюк Таноса с Google. Независимо от того, являетесь ли вы разработчиком, поклонником Marvel или просто любопытным, в этом руководстве каждый найдет что-то для себя.

Метод 1: Привязка к перчатке бесконечности
Чтобы активировать трюк Google с Таносом, откройте веб-браузер и выполните поиск по запросу «Танос» в Google. Найдите значок «Перчатки бесконечности» на панели знаний справа. Нажмите на перчатку, чтобы увидеть, как происходит волшебство! Результаты поиска начнут распадаться, как в фильме «Мстители: Война бесконечности».

Пример кода:
Для этого метода код не требуется. Просто найдите «Танос» в Google и нажмите на значок «Перчатки бесконечности».

Метод 2: пасхальное яйцо «Танос».
Другой способ испытать трюк Google с Таносом — выполнить поиск по запросу «Танос» в Google и нажать на значок «Перчатка», расположенный в правом верхнем углу страницы знаний. панель. При нажатии перчатка защелкнется, и половина результатов поиска исчезнет случайным образом.

Пример кода:
Для этого метода код не требуется. Как и в методе 1, найдите «Танос» в Google и нажмите значок «Перчатка».

Метод 3: реализация JavaScript
Если вы хотите создать на веб-странице собственный эффект в стиле Таноса, вы можете использовать JavaScript. Вот пример того, как можно добиться такого эффекта с помощью JavaScript и CSS:

const elements = document.querySelectorAll('p, h1, h2, h3, h4, h5, h6, li, a');
function snapFingers() {
  elements.forEach((element) => {
    if (Math.random() < 0.5) {
      element.style.visibility = 'hidden';
    }
  });
}
document.getElementById('gauntlet').addEventListener('click', snapFingers);

В этом примере мы выбираем различные элементы HTML, используя querySelectorAll, и перебираем их. С вероятностью 50% видимость каждого элемента устанавливается на «скрытый». Код присоединяет прослушиватель событий щелчка к HTML-элементу с идентификатором «gauntlet», который запускает эффект привязки.

Пояснение кода:

• Метод querySelectorAllвыбирает элементы HTML на основе предоставленного селектора CSS.
• Метод forEachперебирает каждый элемент и применяет изменение видимости, если случайное число меньше 0,5.
• Метод getElementByIdизвлекает элемент HTML с указанным идентификатором.
• Метод addEventListenerприсоединяет прослушиватель событий клика к элементу перчатки, запуская функцию snapFingers.

Трюк Thanos Google – это замечательный способ продемонстрировать силу интерактивности и развлечений в веб-приложениях. Независимо от того, являетесь ли вы разработчиком, желающим реализовать крутые эффекты, или поклонником вселенной Marvel, эти методы и примеры кода помогут вам различными способами изучить трюк Таноса Google. Наслаждайтесь щелканием пальцами и наслаждайтесь чудом этого пасхального яйца!