Question

154

Uncaught ReferenceError: _ is not defined at < anonymous>:1:1 (Not jQuery)

rated 0 times [ 156] [ 2] / answers: 1 / hits: 12058 / 4 Years ago, sun, february 16, 2020, 12:00:00

.js file including an array of Strings which suppose to generate random words when one of the buttons click on the HTML page but for some reason it has a problem of scoping variables (as much as I've understood in other threads) but I don't know how to set it straight..
enter image description here

var interval;

var randomNum;



function newSubject(str) {

	

	clearInterval(interval);

	randomNum = Math.floor(Math.random()*(str.length));

	interval = setInterval(document.getElementById('generator').innerHTML = str[randomNum],1000);

	

}



**var adjectives** = [

'מסוגל',

'מקסים',

'הרפתקני',

'חומצי',

'פעיל',

'מפחד',

'מזדקן',

'אגרסיבי',

'נעים',

'ערמומי',

'מדאיג',

'ערני',

'חי',

'מדהים',

'משועשע',

'עתיק',

'מתבייש',

'מושך',

'ממוצע',

'נורא',

];



var food = [

'אוכל',

'קובנה',

'קוסקוס',

'המבורגר',

'לחם',

'גבינה',

'טבעוני',

'צמחוני',

];



var nature = [

'עץ',

'שדה',

'דשא',

'רוח',

'אדמה',

'מים',

'אש',

];



var space = [

'כדור הארץ',

'אטמוספרה',

'ירח',

'כוכבים',

'חללית',

'חלל חיצון',

'חייזר',

'ונוס',

'שמש',

];



var tech = [

'מכונה',

'בינארי',

'אפס',

'אחד',

'מחשב',

'כוח עיבוד',

];

When buttons

<!DOCTYPE html>

<html lang=en-US>

	<head>

    <meta charset=utf-8>

    <title>Connection Freestyler</title>

    <meta name=description content=Hebrew Freestyle Generator />

    <meta name=author content=Connection>



    <meta name=viewport content=width=device-width, initial-scale=1.0>

	

	<link rel=stylesheet type=text/css href=style.css>

	<script type=text/javascript src=words.js></script>

	

    </head>

	

<body>

	<div class=main>	

		<div class=refresh onclick=>

		Refresh Every 5 Secs

		</div>

		

		<div class=generator id=generator>

		Generator Select Subject

		</div>

		

		<div class=subjects>

		

			**<button class=adjectives id=adjectives onclick=newSubject(adjectives)>**

			Adjectives

			</button>

		

			<button class=food id=food onclick=newSubject(food)> 

			Food

			</button>

			

			<button class=nature id=nature onclick=newSubject(nature)>

			Nature

			</button>

			

			<button class=space id=space onclick=newSubject(space)>

			Space

			</button>

			

			<button class=tech onclick=newSubject(tech)>

			Tech

			</button>

		</div>	

	</div>

	</body>

</html>

I've also tried to put every variable in any scope combination possible but it stick to the same error everytime.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

nestorjarettg

Add To Favorites

Follow

Total Points: 451

Total Questions: 108

Total Answers: 108

Location: Rwanda

Member since Thu, Feb 10, 2022

2 Years ago

nestorjarettg questions

1 Discord Bot Not Playing Audio discord.js v13

Sat, Sep 25, 21, 00:00, 3 Years ago

1 Access and modify react context from jest test with react testing library

Wed, Sep 9, 20, 00:00, 4 Years ago

1 403 Access Error returned from Browser possibly caused by AWS

Wed, Jan 29, 20, 00:00, 4 Years ago

1 Uncaught TypeError: Class extends value #< Object> is not a constructor or null

Mon, Jan 13, 20, 00:00, 4 Years ago

1 React overwrite component function

Tue, Dec 4, 18, 00:00, 6 Years ago

View All

answered 4 Years ago harveys · Accepted Answer

setInterval accept function as parameter. use

interval = setInterval(() => document.getElementById('generator').innerHTML = str[randomNum],1000);

and assuming you mean to make a new random every second, use

document.getElementById('generator').innerHTML = str[randomNum];

interval = setInterval(() => newSubject(str),1000);

snipped:

var interval;

var randomNum;



function newSubject(str) {

	

	clearInterval(interval);

	randomNum = Math.floor(Math.random()*(str.length));

  document.getElementById('generator').innerHTML = str[randomNum];

	interval = setInterval(() => newSubject(str),1000);

	

}



var adjectives = [

'מסוגל',

'מקסים',

'הרפתקני',

'חומצי',

'פעיל',

'מפחד',

'מזדקן',

'אגרסיבי',

'נעים',

'ערמומי',

'מדאיג',

'ערני',

'חי',

'מדהים',

'משועשע',

'עתיק',

'מתבייש',

'מושך',

'ממוצע',

'נורא',

];



var food = [

'אוכל',

'קובנה',

'קוסקוס',

'המבורגר',

'לחם',

'גבינה',

'טבעוני',

'צמחוני',

];



var nature = [

'עץ',

'שדה',

'דשא',

'רוח',

'אדמה',

'מים',

'אש',

];



var space = [

'כדור הארץ',

'אטמוספרה',

'ירח',

'כוכבים',

'חללית',

'חלל חיצון',

'חייזר',

'ונוס',

'שמש',

];



var tech = [

'מכונה',

'בינארי',

'אפס',

'אחד',

'מחשב',

'כוח עיבוד',

];

<body>

	<div class=main>	

		<div class=refresh onclick=>

		Refresh Every 5 Secs

		</div>

		

		<div class=generator id=generator>

		Generator Select Subject

		</div>

		

		<div class=subjects>

		

			**<button class=adjectives id=adjectives onclick=newSubject(adjectives)>**

			Adjectives

			</button>

		

			<button class=food id=food onclick=newSubject(food)> 

			Food

			</button>

			

			<button class=nature id=nature onclick=newSubject(nature)>

			Nature

			</button>

			

			<button class=space id=space onclick=newSubject(space)>

			Space

			</button>

			

			<button class=tech onclick=newSubject(tech)>

			Tech

			</button>

		</div>	

	</div>