createAllSignaturePads.js

function createSignaturePads() {
  //-----Selects all elements that start with the id signaturePad-//
  var elems=document.querySelectorAll("*[id^='signaturePad-']");
  //-----Start of the forEach Loop//
 [].forEach.call(elems,function(elem){
   console.log(elem)
      var oldId=elem.getAttribute("id");
      console.log(oldId)
      // can not resizeCanvas with out getElementById of 'oldId'
      var canvas = document.getElementById(oldId);
      // signaturePad Creation
      var oldId=new SignaturePad
      (document.getElementById(oldId))
      resizeCanvas(canvas);
    });
}