Please I have typed my code but nothing seems to be happening when click on the ‘Generate random story’ button.
Below is my code
var customName = document.getElementById(‘customname’);
var randomize = document.querySelector(’.randomize’);
var story = document.querySelector(’.story’);
document.querySelector(‘html’).style.backgroundColor = ‘blue’;
function randomValueFromArray(array){
return array[Math.floor(Math.random()*array.length)];
}
var storyText = ‘It was 94 farenheit 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 he 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’];
//3. EVENT LISTENER AND PARTIAL FUNCTION DEFINITION
randomize.addEventListener(‘click’, result);
function result() {
if(customName.value != ‘’) {
var name = customName.value;
}
if(document.getElementById(“uk”).checked) {
var weight = Math.round(300);
var temperature = Math.round(94);
}
var newStory;
newStory.value=storyText;
var xItem = randomValueFromArray(insertX);
var yItem = randomValueFromArray(insertY);
var zItem = randomValueFromArray(insertZ);
var newStory=[newStory.replace(’:insertX:’,xItem).replace(’:insertY:’,yItem).replace(’:insertZ:’,zItem).replace(’:insertX’,xItem)];
if(customName.value!=’’){
var name = customName.value;
storyText = storyText.replace(‘Bob’,name);
}
if(document.getElementById(‘uk’).checked){
var weight = Math.round(300*0.071429) + ‘stones’;
var tempe = Math.round((94-32)/1.8) + ‘centigrade’;
storyText = storyText.replace('94 farenheit',temp).replace('300 pounds',weight);
}
story.textContent = newStory;
story.style.visibility = ‘visible’;
}