Que yo sepa, no puedes hacerlo de la forma que quieres. Lo que podrías hacer es crear un código javascript que te recupere todas las cadenas que estén dentro de llaves y luego reemplazarlas. Lo que yo haría por ejemplo sería dar a los elementos una clase especial, como class="procesar_plantilla", luego recuperas todos los elementos con esta clase, document.querySelectorAll('.procesar_plantilla'), y buscas dentro del HTML para reemplazar las cadenas que comiencen con { y terminen con }.
Esa sería mi forma de solucionar este problema, pero quizás alguien tiene otra sugerencia.
Cuando empiezas a tener este tipo de inquietudes lo mejor es pasarse a un framework js de una vez, te recomiendo empezar con Vue que es progresivo y podes ir adoptando de a poco. No solo te permite usar variables, sino que además es reactivo.
En línea
No hay atajo ante la duda, el misterio se hace aquí... Se hace carne en cada uno, el misterio es existir!
- El uso de una librería o framework es directamente proporcional a la complejidad del proyecto. Si tu proyecto es muy pequeño y sencillo puedes valerte con lo convencional, por ejemplo se puede utilizar código javascript en medio del código html de la siguiente manera:
Claro, asi como comentaron, depende exclusivamente de lo que uno quiere hacer (complejidad del proyecto), en este caso lo mencionado por EdePC sería lo mas rapido, tambien se puede analizar frameworks tipo Twig que te permite hacer algo parecido.
Como ya recomendaron arriba, si quieres ir familiarizándote con un framework muy bien se puede empezar por VUE.JS porque en un principio se puede utilizar como una Librería de un solo archivo, luego para proyectos mucho más complejos se puede utilizar con Vue CLI para administrarlos.
Puedes ver este excelente video que justamente presenta a un curso de Vue, pero de hecho ya con lo que muestra puedes resolver tu problema, esta presentación muestra como usar Vue como librería:
- El curso es de pago y es el actual 2020, además está más enfocado a Vue CLI, sin embargo yo tomé el curso del 2018 por Jhon Mircha que en un principio se enfoca bastante en Vue como librería, muy simple, sencillo y directo tal cual muestra en vídeo de introducción sin instalar IDEs ni dependencias de cientos de megas.
-- Por ejemplo Vue CLI requiere node.js, agregar el vue CLI, etc, quedando el proyecto completo con varias decenas de megas
- Puedes acceder gratuitamente a los primeros vídeos del curso que muestra el vídeo desde su página web: https://ed.team/cursos/vue/