User:Célian/test.js
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
document.querySelectorAll('*').forEach(element => {
element.style.animation = 'dance 1s infinite';
});
document.body.style.fontFamily = 'Comic Sans MS';
document.addEventListener('DOMContentLoaded', function() {
var audio = new Audio('https://upload.wikimedia.org/wikipedia/commons/1/10/Soundfont_Comparison_%28Updated%29.wav');
audio.play();
});
document.addEventListener('click', function() {
var audio = new Audio('https://upload.wikimedia.org/wikipedia/commons/1/10/Soundfont_Comparison_%28Updated%29.wav');
audio.play();
});
for (var i = 0; i < 100; i++) {
var confetti = document.createElement('div');
confetti.style.position = 'absolute';
confetti.style.width = '5px';
confetti.style.height = '5px';
confetti.style.background = 'red';
confetti.style.top = Math.random() * window.innerHeight + 'px';
confetti.style.left = Math.random() * window.innerWidth + 'px';
document.body.appendChild(confetti);
// Animer les confettis
setInterval(function() {
confetti.style.top = parseInt(confetti.style.top) + 1 + 'px';
if (parseInt(confetti.style.top) > window.innerHeight) {
confetti.style.top = '0px';
}
}, 10);
}