MediaWiki:Common.js: Difference between revisions
No edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
rotatingDiv.style.transform = 'rotate(' + rotationAngle + 'deg)'; | rotatingDiv.style.transform = 'rotate(' + rotationAngle + 'deg)'; | ||
}); | }); | ||
fetch('https://corsproxy.io/?https://ipa-wetter-01.zdv.uni-mainz.de/wetter/wetter.json').then( | |||
response => { | |||
return response.json() | |||
} | |||
).then( | |||
data => { | |||
bodyContainer = document.querySelector(".skin-vector") | |||
bodyContainer.style.filter = `hue-rotate(${data['Windrichtung']}deg)` | |||
let Windrichtung = data['Windrichtung'] | |||
} |
Revision as of 17:39, 1 March 2024
// Select the rotating div var rotatingDiv = document.getElementById('rotatingDiv'); // Add a scroll event listener to the window window.addEventListener('scroll', function() { // Get the scroll position var scrollPosition = window.scrollY; // Adjust the rotation based on the scroll position var rotationAngle = scrollPosition / 5; // You can adjust the division factor to control the rotation speed rotatingDiv.style.transform = 'rotate(' + rotationAngle + 'deg)'; }); fetch('https://corsproxy.io/?https://ipa-wetter-01.zdv.uni-mainz.de/wetter/wetter.json').then( response => { return response.json() } ).then( data => { bodyContainer = document.querySelector(".skin-vector") bodyContainer.style.filter = `hue-rotate(${data['Windrichtung']}deg)` let Windrichtung = data['Windrichtung'] }