Simulatore di piastrelle

Simulatore di piastrelle

{tilesNeeded}

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'; }
Veuillez patienter, enregistrement en cours ...