title: Saving a SVG file to a variable in JavaScript with multiple images and referencing each image and appending them individually
body: <p>Please tell me if there is a better way to do this.</p>
  
  <p>So I am building a chess game and I want to run a function that loops through the board and places all the images for the pieces in their starting places. 
  Now I read that somewhere on the Internet that I could reference the id tag in the SVG file. So I want to save the image in a variable then reference that file and then reference that specific image then place that image on the board.</p>
  
  <p>I tried looking this up and asking my teachers to no avail.</p>
  
  <p><a href="https://repl.it/@DangeloS/WoefulMetallicKeyboard" rel="nofollow noreferrer">https://repl.it/@DangeloS/WoefulMetallicKeyboard</a></p>
  
  <p>I want pictures of pieces to appear on the board</p>