{tilesNeeded}

Número de columnas: $

{numColumns}

Número de líneas: $

{numRows}

Precio para revendedores: ${prices.resellerPrice} €

Precio de venta sugerido: ${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)`; // Columnas = anchura tileGrid.style.gridTemplateRows = `repeat($ {rows} , $ {tileHeight} px)`; // Líneas = longitud tileGrid.innerHTML = ''; for (let i = 0; i < columns * rows; i++) { const tile = document.createElement('div'); tile.style.backgroundImage = `url($ {backgroundUrl} )`; tile.title = `Longitud: ${tileLength.toFixed(1)} cm, Altura: ${tileHeight.toFixed(1)} cm`; tileGrid.appendChild(tile); } tileGrid.style.display = 'grid'; }