Estoy haciendo una página generadora de políticas. Donde ingresas el texto y obtienes la salida. Pero me enfrento al problema: problema (no puedo generar múltiples códigos. Quiero decir que quiero generar términos y condiciones de la política de privacidad en diferentes áreas div, por ejemplo: ( <p id="p2"><code class="generator__markup-generated"></code></p> ))
Aquí está mi código
const generate = document.querySelector('.generate-markup'); generate.addEventListener('click', () => { const varName = document.querySelector('#company').value; const idName = document.querySelector('#url').value; const markupContainer = document.querySelector('.generator__markup-generated'); //sample paragraph policy const markup = ` ${varName} have a website ${idName} which you can use to generate policies. `; markupContainer.textContent = markup; }); function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } <div class="generator__markup" style="font-size: 18px; text-align: center;"><label>Company Name:</label> <input id="company" type="text" /> </div> <div class="generator__markup" style="font-size: 18px; text-align: center;"><label>Website Url:</label> <input id="url" type="text" /> </div> <button class="generate-markup">Generate Code</button> </br> <div class="generator__markup"> <h1 style="text-align: center;">Copy Your Page</h1> <p id="p2"><code class="generator__markup-generated"></code></p> <center> <button onclick="copyToClipboard('#p2')">Click To Copy</button></center>por favor ayuda en esto
Para modificar elementos HTML, utiliza la API DOM de JavaScript.
Parece que el texto de las políticas se almacena en la variable de markup . Necesitamos tomar este texto y ponerlo dentro del elemento como innerText .
Primero, necesitamos obtener una referencia al elemento DOM. Veo que ha seleccionado el elemento usando querySelector para obtener un atributo de class . Esto selecciona todos los elementos con esa clase. Debe usar un atributo de id en su lugar para seleccionar un solo elemento. Supongamos que asigna el atributo de id del párrafo a párrafo generated-markup-paragraph .
Entonces, con este código corregido, ahora podemos establecer el texto del párrafo:
const markupParagraph = document.getElementById("generated-markup-paragraph"); markupParagraph.innerText = markup; Ese código debe ir en el lugar de la línea markupContainer.textContent = markup .