What works fine
const name = 'Alice';
alert(`Hello, ${name}!`);
produces:
What fails
const name = 'Alice';
alert(`Hello, ${name}! ${navigator.userAgent}`);
produces:
alert(`Hello, ${"Alice"}! ${navigator.userAgent}`);
but should produce:
alert(`Hello, Alice! ${navigator.userAgent}`);
even better would be to break up templates in such cases (when the dynamic value is at start or end):
alert("Hello, Alice! "+navigator.userAgent);