Павел Корнилов

Еще вариант - сверстать обычным дивом с фоновым изображением стрелки. А по клику показывать скрытую часть.

Проще всего кнопку спойлера обернуть в ссылку на нужный анкор:

<a href="#ancor">Открыть спойлер</a>

Кок вариант:
[].join.call(foo,"");

document.documentElement.onclick= function(e) {
	if(e.target.className==="js-dropdown") { // or use classList
		// Dropdown не закрыт
	} else // Dropdown закрыт
}

Проверять на наличие события scroll
Если есть - стоп, если нет - анимация.

Попробуй как-то так:

var currentSlide     = 0;
var prevSlideItem    = 0;
var sliderWidth      = getComputedStyle(document.getElementsByClassName('slider')[0]).width;
var slides           = document.getElementsByClassName('slide');
var computedSlides   = getComputedStyle(slides[0]);
var slidesTransition = computedSlides.transition;
var arrayStyleSlides = slidesTransition.split(' ');
var animateDuration  = parseFloat(arrayStyleSlides[1]) * 1000; // получить второе значение из transition (это продолжительность анимации)
var slidesNumber     = slides.length;
var inners           = document.querySelectorAll('.slider .navigation .inner');

nextSlide();

function nextSlide() {
  var nextSlideButton  = document.querySelector('.next-slide');
  inners[currentSlide].className += ' ' + 'active-inner';

  nextSlideButton.onclick = function () {
    console.log('proc = ' + this.proc + ' на входе');
    if (this.proc == 1)
      console.log('Слайд не должен поменяться');
    // Проверяем, происходит ли обработка события, чтобы не было наложения анимаций.
    if (this.proc) return false;
    

    currentSlide++;

    if (currentSlide > slidesNumber - 1)
      currentSlide = 0;

    if (currentSlide !== 0) {
      slides[currentSlide - 1].style.left = sliderWidth;
      slides[currentSlide].style.opacity = '1';

      setTimeout(function() {
        slides[currentSlide - 1].style.opacity = '0';
      },animateDuration + 50);

      setTimeout(function() {
        slides[currentSlide - 1].style.left = '0px';
        nextSlideButton.proc = 0;
      },animateDuration * 2);

      prevSlideItem = currentSlide - 1;

    } else {
        slides[slidesNumber - 1].style.left = sliderWidth;
        slides[currentSlide].style.opacity = '1';

        setTimeout(function() {
        slides[slidesNumber - 1].style.opacity = '0';
      },animateDuration + 50);

      setTimeout(function() {
        slides[slidesNumber - 1].style.left = '0px';
        currentSlide
        nextSlideButton.proc = 0;
      },animateDuration * 2);

      prevSlideItem = slidesNumber - 1;
	}
	
	this.proc = 1
	console.log(this.proc + ' событие запущено, proc = 1');
	
  };
}

<input onclick="alert(this.value)">
Получит свое значение при клике на нем

<input onclick="alert(this.parentNode.name.value)">

Получит значение любого другого поля с name="name"

Если сайт чужой, то iframe выведет его полностью. Тут ничего не сделать.
Если нужно вывести часть чужой страницы, то можно использовать проксирование запроса через свой сервер. То есть, твой сервер дает запрос на нужную страницу, например, через CURL, получает ответ, при необходимости его парсит, и отдает уже клиенту.
Других способов кроссдоменной обработки содержимого сайта нет, даже погуглил на эту тему, чтобы не ошибиться с таким категоричным ответом.

Для VS Code я использую плагин JavaScript Snippet Pack for Visual Studio Code
В нем уже встроена комбинация cl.
Также через меню Файл - Параметры можно задавать пользовательские фрагменты кода.

Такие задачи нужно CSS решать.
Но если сильно нужно именно JS, то:
el.style.borderRadius=10px 0 0"";

Плохой, но вариант - пробежаться по всем ссылкам яваскриптом и динамически сменить их на нужные, можно по условию.

Можно еще проще - у всех изображений удалить атрибут src. Тогда, естественно, броузер будет выводить вместо них текст из атрибута alt.

https://jsfiddle.net/9prrzLq5/

var arr= ['https://site.com/user12345','https://site.com/usename777'];
	arr= arr.map(function(i) {
		return i.replace(/.+(user|\/)(\S+)$/i, "$2");
	});
	console.log('arr= ' , arr);