{tilesNeeded}

Anzahl der Spalten: $

{numColumns}

Anzahl der Zeilen: $

{numRows}

Händlerpreis: ${prices.resellerPrice} €

Empfohlener Verkaufspreis: ${prices.suggestedPrice} €

`; renderTileGrid(numColumns, numRows, tileLength, tileHeight, selectedReference); resultDiv.style.display = "block"; } function renderTileGrid(columns, rows, tileLength, tileHeight, backgroundUrl) { const tileGrid = document.getElementById('tileGrid'); tileGrid.style.gridTemplateColumns = `repeat($ {columns} , $ {tileLength} px)`; // Spalten = Breite tileGrid.style.gridTemplateRows = `repeat($ {rows} , $ {tileHeight} px)`; // Zeilen = Länge tileGrid.innerHTML = ''; for (let i = 0; i < columns * rows; i++) { const tile = document.createElement('div'); tile.style.backgroundImage = `url($ {backgroundUrl} )`; tile.title = `Länge: ${tileLength.toFixed(1)} cm, Höhe: ${tileHeight.toFixed(1)} cm`; tileGrid.appendChild(tile); } tileGrid.style.display = 'grid'; }