Please review my solution for the Silly Story Generator in the Js section.
Since i am a begineer in Js , kindly guide me what should i do after learning the syntax from MDN.
var customName = document.getElementById(‘customname’);
var randomize = document.querySelector(’.randomize’);
var story = document.querySelector(’.story’);
function randomValueFromArray(array){
return array[Math.floor(Math.random()*array.length)];
}
var storyText =“It was 94 fahrenheit outside, so :insertx: went for a walk. When they got to :inserty:,
they stared in horror for a few moments, then :insertz:. Bob saw the whole thing, but was
not surprised — :insertx: weighs 300 pounds, and it was a hot day.”
var insertX = [‘Willy the Goblin’,
‘Big Daddy’,
‘Father Christmas’
];
var insertY = [‘the soup kitchen’,
‘Disneyland’,
‘the White House’];
var insertZ = [‘spontaneously combusted’,
‘melted into a puddle on the sidewalk’,
‘turned into a slug and crawled away’
];
randomize.addEventListener(‘click’, result);
function result() {
var newStory = storyText;
var xItem = randomValueFromArray(insertX);
var yItem = randomValueFromArray(insertY);
var zItem = randomValueFromArray(insertZ);
newStory = newStory.replace(/:insertx:/g,xItem);
newStory = newStory.replace(/:inserty:/g,yItem);
newStory = newStory.replace(/:insertz:/g,zItem);
if(customName.value !== ‘’) {
var name = customName.value;
newStory = newStory.replace(/Bob/g,name);
}
if(document.getElementById(“uk”).checked) {
var weight = Math.round(300*0.0714286)+’ stone’;
var temperature = Math.round((94-32)/1.8)+" centigrade";
newStory = newStory.replace(‘94 fahrenheit’,temperature);
newStory = newStory.replace(‘300 pounds’,weight);
}
story.textContent = newStory;
story.style.visibility = ‘visible’;
}
