Интерполяция выражений

311

21 мая 2017, 23:19

Начал изучать JS. Почему не работают выражения в строке htmlCode?

function generateColor() { 
	return "#" + Math.floor(Math.random() * 16777215).toString(16); 
} 
 
function circle() { 
	var r = Math.random() * 100 + 50, 
      d = r * 2, 
      color = generateColor(), 
      htmlCode = '<div style="width: ${d}px; height: ${d}px; background-color: ${color}; border-radius: 50%;"></div>'; 
  document.write(htmlCode); 
} 
circle();

Answer 1

Замените ' на `:

function generateColor() { 
	return "#" + Math.floor(Math.random() * 16777215).toString(16); 
} 
 
function circle() { 
	var r = Math.random() * 100 + 50, 
      d = r * 2, 
      color = generateColor(), 
      htmlCode = `<div style="width: ${d}px; height: ${d}px; background-color: ${color}; border-radius: 50%;"></div>`; 
  document.write(htmlCode); 
} 
circle();