Mi etiqueta de secuencia de comandos está en la parte inferior de mi etiqueta de cuerpo, que es la solución principal que he encontrado aquí. ¿Hay alguna otra razón por la que appendChild se encuentre con este error?
HTML:
<section class="section-2"> <p class="about-me-text"></p> </section> <script src="rScript.js"></script> </body>JavaScript:
const aboutMeText = document.querySelector("about-me-text"); const aboutMeTextContent = 'I am a creative designer, who dabbles in both website creation & digital art design. Contact me to start a creative project or website today.' Array.from(aboutMeTextContent).forEach(char => { const span = document.createElement("span"); span.textContent = char; aboutMeText.appendChild(span); })Necesitas agregar un "." a querySelector() al apuntar a un nombre de clase.
const aboutMeText = document.querySelector(".about-me-text"); const aboutMeTextContent = `I am a creative designer, who dabbles in both website creation & digital art design. Contact me to start a creative project or website today.` Array.from(aboutMeTextContent).forEach(char => { const span = document.createElement("span"); span.textContent = char; aboutMeText.appendChild(span); }) <section class="section-2"> <p class="about-me-text"></p> </section>Al usar querySelector , debe aclarar qué elemento está seleccionando, por ejemplo, en su problema al seleccionar una clase, debe poner un . al comienzo de about-me-text . Para una identificación, agregará un # al comienzo, etc.
const aboutMeText = document.querySelector(".about-me-text"); const aboutMeTextContent = 'I am a creative designer, who dabbles in both website creation & digital art design. Contact me to start a creative project or website today.' Array.from(aboutMeTextContent).forEach(char => { const span = document.createElement("span"); span.textContent = char; aboutMeText.appendChild(span); }) <section class="section-2"> <p class="about-me-text"></p> </section> <script src="rScript.js"></script> </body>