Looking to figure out how to use the typewriter function to print paragraphs that contain new lines/breaks

Question

Hello all, I’m trying to figure out how to use a typewriter function in JavaScript in order to print a text that appears when participants click into the question. My goal is to gradually print 4 paragraphs on the screen using the typewriter function. So far, I have managed to figure out how to type the first paragraph, but I’m having trouble figuring out how to create a new line. I have tried embedding and \n into the quotation marks of the txt variable, but that has not been successful in creating a new line. Based on my code below, does anyone know what I’m missing or what I could try differently to get two consecutive new lines in my paragraph? Here is what I have so far:HTML:

JavaScript:Qualtrics.SurveyEngine.addOnReady(function(){function typeWriter() { if (i < txt.length) { document.getElementById("demo").innerHTML += txt.charAt(i); i++; setTimeout(typeWriter, speed); } }var i = 0; var speed = 10;var txt = "In general, the impact of social media on society is undeniably positive, providing numerous benefits that enhance communication, connectivity, and the exchange of ideas. Social media platforms serve as powerful tools for fostering global connections, empathy, and enabling individuals to communicate and share experiences across vast distances."typeWriter();});

Nam Nguyen · Answer

@averykirkpatrickPut this style after then you can use for line break as normalHope this helps

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded