JavaScript не работает _${width}px_ Почему?

303

21 июня 2017, 02:45

Здравствуйте! Помогите пожалуйста: почему-то не срабатывает вот это - ${width}. Net Beans (8.1) отказывается подтягивать переменную, видит эту запись просто как текст. Что не так???

Вот код:

function quadro(width,height,color){
    var str = '<div style="width: ${width}px; height:${height}px; background:${color};"></div>';
    document.write(str);
}
quadro(200,100,"red");

Answer 1

Нужно использовать `` кавычки вокруг всей строки.

<html lang="en"> 
 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>Document</title> 
</head> 
 
<body> 
 
 
    <script> 
        function quadro(width, height, color) { 
            var str = `<div style="width: ${width}px; height:${height}px; background:${color};"></div>`; 
            document.write(str); 
        } 
 
        quadro(200, 100, "red"); 
    </script> 
</body> 
 
</html>