Así que estoy tratando de restablecerlo después de que desaparezca de la pantalla con un botón. Intenté un document.write() pero no funciona, así que lo intento después de usarlo, para reescribir mi argumento de plantilla en mi HTML para poder usarlo nuevamente con otros datos. ¿Es eso posible? Este es mi HTML:
<template id="playlist__screen"> <button class="backbutton" onclick="onClick()"></button> <p class="playlist__type">{{style}}</p> <h2 class='playlist__titre'>{{titre}}</h2> <p class="playlist__desc">{{description}}</p> </template>Así es como se usa una plantilla
const plays = [{ "style": "Style 1", "titre": "Titre 1", "description": "Description 1" }, { "style": "Style 2", "titre": "Titre 2", "description": "Description 2" }, { "style": "Style 3", "titre": "Titre 3", "description": "Description 3" } ]; window.addEventListener("DOMContentLoaded", function() { const template = document.getElementById("template"), content = document.getElementById("content"); plays.forEach(play => { const playList = template.content.cloneNode(true); playList.querySelector(".playlist__type").textContent = play.style; playList.querySelector(".playlist__titre").textContent = play.Titre; playList.querySelector(".playlist__desc").textContent = play.description; content.appendChild(playList); }) content.addEventListener("click", function(e) { if (e.target.classList.contains("backbutton")) { console.log("back clicked"); } }) }); <div id="content"></div> <template id="template"> <div class="playlist__screen"> <button class="backbutton">Back</button> <p class="playlist__type"></p> <h2 class="playlist__titre"></h2> <p class="playlist__desc"></p> </div> </template>