Javascrip code bit run link | Sololearn: Learn to code for FREE!
Nouvelle formation ! Tous les codeurs devraient apprendre l'IA générative !
Essayez une leçon gratuite
+ 1

Javascrip code bit run link

I have made a javascript game and i want to show a <a href="">try again</a> link that lets the user try again. Normally i 'd leave the link empty and it just reloads the page, but that doesn't work in the code bit. anyone who can help me make a try again button/link that runs the code again from the start? https://www.sololearn.com/compiler-playground/WxZw910i6r78

12th Mar 2023, 4:54 PM
Kevin Kraaijveld
Kevin Kraaijveld - avatar
6 Réponses
+ 4
Kevin Kraaijveld There may be different solutions and its better to write down each steps that you want to Implement and creat an algorithm for your program. I can share my thoughts which I did previously with an guess Number program which it has an again functionality. #Solution 1. Create a button with any inner text and with a specific identifier, for its selection in Javascript. 2. In Javascript selecte that btn and call the addEventListener() method to add a specific event and a call back function. Note: addEventListener expects two arguments an event and a callback function to execute when the event fired. 3.the important step is the call back function which you have to setup all of your app to default Ex. Rest the marks... . //reset functionality sudo code😊 document.querySelector("#again").addEventListener("click", function (){ //Your logic }); the link of your code is not clickable
12th Mar 2023, 5:21 PM
Yasin Rahnaward
Yasin Rahnaward - avatar
+ 2
Please share the code
12th Mar 2023, 4:56 PM
Sakshi
Sakshi - avatar
12th Mar 2023, 4:57 PM
Kevin Kraaijveld
Kevin Kraaijveld - avatar
+ 2
Kevin Kraaijveld how about just using a function to toggle the hidden elements back to their initial state? instead of <a href= ""> use instead <p onclick="reset()">Try again</p> and define reset as function reset(){ document.body.style.background = "linear-gradient(#00f,#00c);"; nums.style.display = "block"; h1.style.display = "none"; terug.style.display = "none"; document.getElementById('h1').innerHTML = ''; document.getElementById('result').innerHTML = ''; document.getElementById('right').innerHTML = ''; }
13th Mar 2023, 2:18 PM
Bob_Li
Bob_Li - avatar
+ 2
Kevin Kraaijveld fun idea. I made a simpler version based on your code, as well as a popup version more closely following your original concept. https://code.sololearn.com/WQZC1ax5uQ46/?ref=app https://code.sololearn.com/Wz8ginVaN4vc/?ref=app
14th Mar 2023, 4:37 AM
Bob_Li
Bob_Li - avatar
+ 1
Kevin Kraaijveld btw, you could add your code so it can be seen by others using the insert code button. Click the + insert button that is available when you are posting and navigate to your code repo in Sololearn. I had to visit your profile to view your code. I also had this problem in Sololearn. Simply refreshing the page would give you a blank page. So I gave up on that method a long time ago. I am posting your code below, so other members could give perhaps better solutions. https://code.sololearn.com/WxZw910i6r78/?ref=app
13th Mar 2023, 2:23 PM
Bob_Li
Bob_Li - avatar