check for existing canvas

This commit is contained in:
MLH
2025-01-25 19:43:01 +01:00
parent 54dbf817aa
commit 7b4c6107cd
5 changed files with 127 additions and 102 deletions

View File

@@ -55,6 +55,11 @@ observer.observe(document.body, {
function initializeCanvas() { function initializeCanvas() {
if (document.getElementById('snowfallCanvas')) {
console.warn('Canvas bereits vorhanden.');
return;
}
const container = document.querySelector('.snowfall-container'); const container = document.querySelector('.snowfall-container');
if (!container) { if (!container) {
console.error('Error: No element with class "snowfall-container" found.'); console.error('Error: No element with class "snowfall-container" found.');

View File

@@ -57,6 +57,11 @@ observer.observe(document.body, {
function initializeCanvas() { function initializeCanvas() {
if (document.getElementById('snowfallCanvas')) {
console.warn('Canvas bereits vorhanden.');
return;
}
const container = document.querySelector('.snowstorm-container'); const container = document.querySelector('.snowstorm-container');
if (!container) { if (!container) {
console.error('Error: No element with class "snowfall-container" found.'); console.error('Error: No element with class "snowfall-container" found.');

View File

@@ -55,6 +55,11 @@ observer.observe(document.body, {
function initializeCanvas() { function initializeCanvas() {
if (document.getElementById('snowfallCanvas')) {
console.warn('Canvas bereits vorhanden.');
return;
}
const container = document.querySelector('.santa-container'); const container = document.querySelector('.santa-container');
if (!container) { if (!container) {
console.error('Error: No element with class "santa-container" found.'); console.error('Error: No element with class "santa-container" found.');
@@ -144,7 +149,7 @@ function animateSnowfall() {
// initialize santa // initialize santa
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
if (!santa) { if (!santa) {
console.warn('Snowfall is disabled.'); console.warn('Sante is disabled.');
return; // exit if santa is disabled return; // exit if santa is disabled
} }
const container = document.querySelector('.santa-container'); const container = document.querySelector('.santa-container');
@@ -155,7 +160,7 @@ document.addEventListener('DOMContentLoaded', () => {
snowflakesCount = snowflakesCountMobile; snowflakesCount = snowflakesCountMobile;
} }
console.log('Snowfall enabled.'); console.log('Santa enabled.');
initializeCanvas(); initializeCanvas();
snowflakes = createSnowflakes(container); snowflakes = createSnowflakes(container);
animateSnowfall(); animateSnowfall();

View File

@@ -55,6 +55,11 @@ observer.observe(document.body, {
function initializeCanvas() { function initializeCanvas() {
if (document.getElementById('snowfallCanvas')) {
console.warn('Canvas bereits vorhanden.');
return;
}
const container = document.querySelector('.snowfall-container'); const container = document.querySelector('.snowfall-container');
if (!container) { if (!container) {
console.error('Error: No element with class "snowfall-container" found.'); console.error('Error: No element with class "snowfall-container" found.');

View File

@@ -57,6 +57,11 @@ observer.observe(document.body, {
function initializeCanvas() { function initializeCanvas() {
if (document.getElementById('snowfallCanvas')) {
console.warn('Canvas bereits vorhanden.');
return;
}
const container = document.querySelector('.snowstorm-container'); const container = document.querySelector('.snowstorm-container');
if (!container) { if (!container) {
console.error('Error: No element with class "snowfall-container" found.'); console.error('Error: No element with class "snowfall-container" found.');