0

I have so many scripts that start like this (normally after a DOMContentLoaded event):

mythis      = document.getElementById("mythis");
mythat      = document.getElementById("mythat");
naming      = document.getElementById("naming");
isdev       = document.getElementById("isdev");
easier      = document.getElementById("easier");
remember    = document.getElementById("remember");
your        = document.getElementById("your");
stuff       = document.getElementById("stuff");

But it's so bloated code. So I wondered if there wasn't an easier way without using eval().

This could be considered as using the benefits from 'named access on the window object' (explained here) (standard in some browsers), but safer and only for your choice of variables.

Community
  • 1
  • 1
e-motiv
  • 5,795
  • 5
  • 27
  • 28

1 Answers1

1
["mythis","mythat","naming","isdev","easier","remember","your","stuff"].forEach(s=>{
        window[s]=document.getElementById(s)
    })
e-motiv
  • 5,795
  • 5
  • 27
  • 28