JAVASCRIPT ENCOUNTERS ISSUE WITH RANDOM TEXT GENERATION

Question

JAVASCRIPT ENCOUNTERS ISSUE WITH RANDOM TEXT GENERATION

Utilizing an array of words, we are in the process of generating random text. The goal is to shuffle and combine these words to form new "random sentences". However, we have encountered a minor issue - the addition of "undefined" at the beginning of each paragraph, as well as incorporating random words at the end. Any assistance with this matter would be greatly appreciated.

We aim to ensure that each sentence commences with a capital letter and concludes with a period.

Note: While the snippet does not produce randomized text, it functions correctly in the .js file.

var buttonElem = document.getElementById("DoAgain");
buttonElem.addEventListener('click', makeNewString);


var str = "Lorem ipsum dolor sit amet consectetur adipiscing elit Nullam malesuada ac nulla id interdum Nam volutpat nulla id neque scelerisque ut imperdiet tellus mattis Aliquam a consectetur felis Praesent at eros lorem Nunc id pretium lacus sed porta ex Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Maecenas mollis posuere auctor Aenean ultrices eleifend diam mattis varius tellus convallis sagittis Donec ut lacus vel nulla laoreet mollis Quisque faucibus nunc at nisi ullamcorper facilisis";

var mixedRes = [];
var currentPosition = 0;
var newString = "";


function addTag(){
newString = "<p>" + str + "</p>";
}


function makeNewString() {
    
    str=str.toLocaleLowerCase();
    var res = str.split(" ");
     mixedRes = shuffle(res);
   
  
      for(var i=0; i<mixedRes.length; i++)
    {
        newString += mixedRes[i] + " ";
    }
  
    newString+=makeSentence(6);

        document.getElementById("demo0").innerHTML = newString;    
}

function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex;

  while (0 !== currentIndex) {

    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}

function capitalise(word){
return (word.charAt(0).toUpperCase()+word.slice(1));
}

function makeSentence(slenght){
var slength=randomNumber(5,10);
   
    var upperCaseLetter = "";
    upperCaseLetter=mixedRes[currentPosition].charAt(0).toUpperCase();

for (var i=currentPosition+1; i<currentPosition+slength;i++){
newString+=mixedRes[i]+"";
}

currentPosition+=slength;
    
    var finalString=upperCaseLetter+newString+".";

   document.getElementById("demo1").innerHTML = finalString;
}

function makeParagraph(){
newString+="\n";
}

function randomNumber(a,b) {
    return Math.round(Math.random()*(b-a)+parseInt(a));
}

<p id="demo0">Lorem ipsum dolor sit amet consectetur adipiscing elit Nullam malesuada ac nulla id interdum Nam volutpat nulla id neque scelerisque ut imperdiet tellus mattis Aliquam a consectetur felis Praesent at eros lorem Nunc id pretium lacus sed porta ex Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Maecenas mollis posuere auctor Aenean ultrices eleifend diam mattis varius tellus convallis sagittis Donec ut lacus vel nulla laoreet mollis Quisque faucibus nunc at nisi ullamcorper facilisis.</p>

<button class="button1" id="DoAgain"> DO IT AGAIN</button>

javascript arrays

Answer 1

Answer №1

When modifying your code, make this adjustment:

document.getElementById("result").innerHTML = newString;

to:

document.getElementById("output").innerHTML = newString;

Answer 2

When modifying your code, make this adjustment:

document.getElementById("result").innerHTML = newString;

to:

document.getElementById("output").innerHTML = newString;

Answer 3

Answer №2

You have newString+=makeSentence(6); in your code, but makeSentence() doesn't have a return statement, so it returns undefined. I guess it's supposed to return finalString instead of assigning it to .innerHTML of an element that doesn't exist.

var buttonElem = document.getElementById("DoAgain");
buttonElem.addEventListener('click', makeNewString);


var str = "Lorem ipsum dolor sit amet consectetur adipiscing elit Nullam malesuada ac nulla id interdum Nam volutpat nulla id neque scelerisque ut imperdiet tellus mattis Aliquam a consectetur felis Praesent at eros lorem Nunc id pretium lacus sed porta ex Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Maecenas mollis posuere auctor Aenean ultrices eleifend diam mattis varius tellus convallis sagittis Donec ut lacus vel nulla laoreet mollis Quisque faucibus nunc at nisi ullamcorper facilisis";

var mixedRes = [];

var currentPosition = 0;

var newString = "";

function addTag() {
  newString = "<p>" + str + "</p>";
}

function makeNewString() {

  str = str.toLocaleLowerCase();
  var res = str.split(" ");
  mixedRes = shuffle(res);
  newString += mixedRes.join(" ") + " ";

  newString += makeSentence(6);

  document.getElementById("demo0").innerHTML = newString;
}

function shuffle(array) {
  var currentIndex = array.length,
    temporaryValue, randomIndex;

  while (0 !== currentIndex) {

    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}

function capitalise(word) {
  return (word.charAt(0).toUpperCase() + word.slice(1));
}

function makeSentence(slenght) {
  var slength = randomNumber(5, 10);

  var upperCaseLetter = "";
  upperCaseLetter = mixedRes[currentPosition].charAt(0).toUpperCase();

  for (var i = currentPosition + 1; i < currentPosition + slength; i++) {
    newString += mixedRes[i] + "";
  }

  currentPosition += slength;

  var finalString = upperCaseLetter + newString + ".";

  return finalString;
}

function makeParagraph() {
  newString += "/n";
}

function randomNumber(a, b) {
  return Math.round(Math.random() * (b - a) + parseInt(a));
}

<p id="demo0">Lorem ipsum dolor sit amet consectetur adipiscing elit Nullam malesuada ac nulla id interdum Nam volutpat nulla id neque scelerisque ut imperdiet tellus mattis Aliquam a consectetur felis Praesent at eros lorem Nunc id pretium lacus sed porta ex Pellentesque
  habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Maecenas mollis posuere auctor Aenean ultrices eleifend diam mattis varius tellus convallis sagittis Donec ut lacus vel nulla laoreet mollis Quisque faucibus nunc at nisi
  ullamcorper facilisis.</p>

<button class="button1" id="DoAgain"> DO IT AGAIN</button>

Answer 4

You have newString+=makeSentence(6); in your code, but makeSentence() doesn't have a return statement, so it returns undefined. I guess it's supposed to return finalString instead of assigning it to .innerHTML of an element that doesn't exist.

var buttonElem = document.getElementById("DoAgain");
buttonElem.addEventListener('click', makeNewString);


var str = "Lorem ipsum dolor sit amet consectetur adipiscing elit Nullam malesuada ac nulla id interdum Nam volutpat nulla id neque scelerisque ut imperdiet tellus mattis Aliquam a consectetur felis Praesent at eros lorem Nunc id pretium lacus sed porta ex Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Maecenas mollis posuere auctor Aenean ultrices eleifend diam mattis varius tellus convallis sagittis Donec ut lacus vel nulla laoreet mollis Quisque faucibus nunc at nisi ullamcorper facilisis";

var mixedRes = [];

var currentPosition = 0;

var newString = "";

function addTag() {
  newString = "<p>" + str + "</p>";
}

function makeNewString() {

  str = str.toLocaleLowerCase();
  var res = str.split(" ");
  mixedRes = shuffle(res);
  newString += mixedRes.join(" ") + " ";

  newString += makeSentence(6);

  document.getElementById("demo0").innerHTML = newString;
}

function shuffle(array) {
  var currentIndex = array.length,
    temporaryValue, randomIndex;

  while (0 !== currentIndex) {

    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}

function capitalise(word) {
  return (word.charAt(0).toUpperCase() + word.slice(1));
}

function makeSentence(slenght) {
  var slength = randomNumber(5, 10);

  var upperCaseLetter = "";
  upperCaseLetter = mixedRes[currentPosition].charAt(0).toUpperCase();

  for (var i = currentPosition + 1; i < currentPosition + slength; i++) {
    newString += mixedRes[i] + "";
  }

  currentPosition += slength;

  var finalString = upperCaseLetter + newString + ".";

  return finalString;
}

function makeParagraph() {
  newString += "/n";
}

function randomNumber(a, b) {
  return Math.round(Math.random() * (b - a) + parseInt(a));
}

<p id="demo0">Lorem ipsum dolor sit amet consectetur adipiscing elit Nullam malesuada ac nulla id interdum Nam volutpat nulla id neque scelerisque ut imperdiet tellus mattis Aliquam a consectetur felis Praesent at eros lorem Nunc id pretium lacus sed porta ex Pellentesque
  habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Maecenas mollis posuere auctor Aenean ultrices eleifend diam mattis varius tellus convallis sagittis Donec ut lacus vel nulla laoreet mollis Quisque faucibus nunc at nisi
  ullamcorper facilisis.</p>

<button class="button1" id="DoAgain"> DO IT AGAIN</button>

JAVASCRIPT ENCOUNTERS ISSUE WITH RANDOM TEXT GENERATION

Answer №1

Answer №2

Similar questions

Node.JS executes Sandbox within a RESTful service environment

Creating a Form with a Custom Format in AngularJS

React - error caused by an invalid hook call. Uncaught Error: React encountered a minified error with code #

Strings that automatically adjust to fit the content from a JSON object

Highchart displays text centrally on legend hover

What is the best method for storing a Google Analytics object in a $_SESSION variable when transitioning between PHP scripts to avoid encountering a non-object error

Choose the minimum price from the JSON response of the API

Overlap of columns within a nested flexbox arrangement

Tips for sending a JSON object from a PHP file to a JavaScript variable

A checkbox placed within an anchor tag

Can you provide guidance on utilizing OneNote JavaScript APIs to interpret indented paragraphs within OneNote?

The req.ip in Express appears to alternate between displaying my local machine address as ::ffff:127.0.0.1 and ::1 in an unpredictable manner

Master the art of string slicing in JavaScript with these simple steps

The constricted styles are causing the whole page to bounce (scroll) up and down

What is the best way to send data from ajax to a django view?

Refreshing data and manipulating arrays using AngularJS

Is it possible to have a div automatically scroll when hovered over, while also hiding the scroll bar specifically for that div?

Ensure that all form fields are completed and accurate before the Stripe payment modal is displayed

Detecting changes to DOM elements without using jQueryResponding to DOM element

Break down the text of a paragraph into separate words, placing each word within its own span element, and then add animations