how to make less expensive javascript code | Sololearn: Learn to code for FREE!

+3

how to make less expensive javascript code

function tapAddButton(){ var page1 = document.getElementById("page1"); var page2 = document.getElementById("page2"); Page1.style.display = "none" Page2.style.display = "block" } //Everytime i tap the button. It going to execute var page1 and var page2, but its expensive if execute var everytime i tap the button. //What is the solution??

9/3/2019 8:15:10 PM

Bee David

6 Answers

New Answer

+3

var page1, page2; window.onload = function () { page1 = document.getElementByIf("page1"); page2 = document.getElementById("page2"); } function tapAddButton() { page1.style.display = "none"; page2.style.display = "block"; }

+3

Save those two variables globally and initialize them on document ready. And on the tap you only change the display value.

+3

function tapAddButton(){ page1.style.display = "none" page2.style.display = "block" } var page1 = document.getElementById("page1") var page2 = document.getElementById("page2")

+2

Dragonxiv can you show me an example please

+2

Zeke Williams it works!, thank you so much for your help :)

+1

But i think it will give an error. Because when i access DOM outside the function it always like that