How can I develop a javascript function that randomly chooses between the element in my array then link it to my text on html? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

How can I develop a javascript function that randomly chooses between the element in my array then link it to my text on html?

Function and linking

22nd Oct 2020, 7:42 AM
Azalea
25 Answers
+ 5
let arr= [1,2,3,4,5,6,7,8,9,0]; document.getElementById("text_to_link"); let text = text_to_link; text.innerText = arr[ Math.round(Math.random()*(arr.length-1)) ]
22nd Oct 2020, 8:36 AM
LIONEL
LIONEL - avatar
+ 3
Cyrena let arr = ["www.sololearn.com", "www.google.com"] let tag = document.getElementsByTagName("a")[0]; tag.innerText = arr[Math.round( Math.random()*(arr.length-1) ) ]; //😁😁😁😁
22nd Oct 2020, 8:45 AM
LIONEL
LIONEL - avatar
+ 3
Ex: let result = MathRandom(); let elem = document.querySelector("a"); elem.setAttribute("href","result"); the link provided in previous answer will give you more details.
22nd Oct 2020, 9:17 AM
EmmanueLZ.
EmmanueLZ. - avatar
+ 3
(Still PM problem). You're welcome, you're good to go so.👌🏻. Thanks, you also stay safe 🌞🕊️
22nd Oct 2020, 12:52 PM
EmmanueLZ.
EmmanueLZ. - avatar
+ 2
RandomEl=arr[Math.floor(Math.random()*arr.length)]
22nd Oct 2020, 8:14 AM
Abhay
Abhay - avatar
+ 2
Cyrena , Once you have your result, you pass it as a attribute value of your element yourElement.setAttribute("href","your random value"); https://www.tutorialrepublic.com/javascript-tutorial/javascript-dom-get-set-attributes.php https://developer.mozilla.org/fr/docs/Web/API/Element/setAttribute
22nd Oct 2020, 9:13 AM
EmmanueLZ.
EmmanueLZ. - avatar
+ 2
Did you get my last pm which start with "To access myLink values put rani ..." ? It seems connection problems are within pm function.
22nd Oct 2020, 12:14 PM
EmmanueLZ.
EmmanueLZ. - avatar
+ 2
To access myLink values put rani which is a number, in square brackets : myLink[rani] , check if your sites adresses are string type and in good format, and I don't remember if window.location is enough, if not try adding href : window.location.href Add also a console.log(myLink[rani]) to check if the address is really picked up from the array. Also is that the autocorrect went bad or a typo from you? => html => onclick="ranSite()" but in js => function randsite(){}
22nd Oct 2020, 12:15 PM
EmmanueLZ.
EmmanueLZ. - avatar
+ 2
😄 welcome Ann Dickson , I think in your enthusiasm you might have post not exactly where it suits 😁 or where you would like. So I seize the opportunity to give you the link to a code from 👑 Shewe Uchi K 👑 to drive beginners with the Sololearn rules , good practices and advices. Enjoy🌞, and welcome again. https://code.sololearn.com/WykoN7bcDsgX/?ref=app
22nd Oct 2020, 9:58 PM
EmmanueLZ.
EmmanueLZ. - avatar
+ 2
Cyrena you are not the only one... I am also facing another extra problem 😵 My profile name and picture has been changed to another person's 😵
7th Nov 2020, 10:17 AM
LIONEL
LIONEL - avatar
+ 1
Cyrena I try to reply to your pm, but the message won't send, so : I'm not sure I understand what you're trying to do.Would you post your code? If the result is passed to href , it won't be visible normally. If I understand, you have an array of links.You'd like the click to pick up a random link from that array, pass it to the href then it will redirect to the page/link... If so, you'll have to add an eventListenner (like "onclick" on the element) and build a function for it so when you click first you pick up the link from the array, second it will pass it as a href as in the exemple, and then let the redirection operate.Maybe you'll have to handle something with a Promise to be sure the href is well provided with a value before the redirection... You can also make use of window.location.href on whatever element , not only <a> https://stackoverflow.com/questions/7077770/window-location-href-and-window-open-methods-in-javascript
22nd Oct 2020, 10:04 AM
EmmanueLZ.
EmmanueLZ. - avatar
+ 1
No I didn't get you message
22nd Oct 2020, 12:15 PM
Azalea
+ 1
Woooi hope i can do it and i dont know how
22nd Oct 2020, 9:45 PM
Ann Dickson
Ann Dickson - avatar
+ 1
EmmanueLZ, ok. I think there's still a PM problem 'til now. Can't send a message
7th Nov 2020, 10:14 AM
Azalea
0
۰۰لگر🥰
23rd Oct 2020, 1:11 PM
Ghasemi Kcz
Ghasemi Kcz - avatar
0
Cyrena , sorry to reply you here but my PM section still have issue. It seems you just asked me today for some help but the link you provided isn't found when I click on it. Would you share it here, maybe it will work from that section... Cheers.🙂
2nd Nov 2020, 3:45 PM
EmmanueLZ.
EmmanueLZ. - avatar
0
Cyrena hi, (Still PM message issue for me, I can receive but not reply). So about your last PM message: Not sure but I think you can try writing it without the g variable. As it is you store the goBack function in the variable without using "g" later. Try : document.getElementById("press").addEventListener("click",goBack); Or : var g=document.getElementById("press"); g.addEventListener("click",goBack); Let me know if it works or not.🙂
4th Nov 2020, 5:48 PM
EmmanueLZ.
EmmanueLZ. - avatar
0
Oh, ok, on your computer so? The two folders Name and Pages are both in the same wrapper folder ? >relative path including the folder name => window.location.href="../name/name.html". Do you have an error message when you check the console Dev tools of your browser ? What is it saying ?
4th Nov 2020, 11:47 PM
EmmanueLZ.
EmmanueLZ. - avatar
0
I corrected the previous message... but check the error message in Dev tools.
4th Nov 2020, 11:53 PM
EmmanueLZ.
EmmanueLZ. - avatar
0
No, the main folder is name. So, Name(main folder) ->name.html ->pages(folder) ->hello.html
4th Nov 2020, 11:55 PM
Azalea