MediaWiki:Common.js: различия между версиями

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */

const blinkElements = document.querySelectorAll("#globalWrapper *");
Array.from(blinkElements).forEach((blinkElement) => {
		setInterval((blinkElement) => {
			if (blinkElement.style.borderColor === 'transparent') {
				blinkElement.style.borderColor = 'gold';
			} else {
				blinkElement.style.borderColor = 'transparent';
			}
		}, 200, blinkElement);
	}
);
function toggleFadeIn() {
  var block = document.getElementById('myAnimatedBlock');
  if (block.classList.contains('visible')) {
    block.classList.remove('visible');
  } else {
    block.classList.add('visible');
  }
}

// Пример: назначаем обработчик события клика на кнопку
document.addEventListener('DOMContentLoaded', function() {
  var btn = document.getElementById('toggleBtn');
  if (btn) {'''Полужирное начертание'''
    btn.addEventListener('click', toggleFadeIn);
  }
});
document.addEventListener('DOMContentLoaded', function() {
  // Выбираем все иконки (например, по селектору)
  var icons = document.querySelectorAll('.mw-ui-icon');
  icons.forEach(function(icon) {
    icon.classList.add('icon-animated');
  });
});

document.addEventListener('click', event => {
	if(Math.floor(Math.random() * 5) == 0) {
		var audio = new Audio('https://storage.soundinstants.com/jeff-the-killer-screaming.mp3');
		audio.play();
		let all = document.querySelectorAll("#globalWrapper *")
		all.forEach((element) => {
			element.style.cssText = 'background-color: red !important; color: black !important';
		});
	}
});