Simulatore di piastrelle
Numero di colonne: $
{numColumns}Numero di righe: $
{numRows}Prezzo rivenditore: ${prices.resellerPrice} €
Prezzo al dettaglio consigliato: ${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)`; // Colonne = larghezza tileGrid.style.gridTemplateRows = `repeat($ {rows} , $ {tileHeight} px)`; // Linee = lunghezza tileGrid.innerHTML = ''; for (let i = 0; i < colonne * righe; i++) { const tile = document.createElement('div'); tile.style.backgroundImage = `url($ {backgroundUrl} )`; tile.title = `Lunghezza: ${tileLength.toFixed(1)} cm, Altezza: ${tileHeight.toFixed(1)} cm`; tileGrid.appendChild(tile); } tileGrid.style.display = 'grid'; }