javascript - Canvas Resize Browser - addEventListener 'resize' -

for time trying deploy responsive canvas. managed load canvas, size suit according screen. problem if resize screen canvas size uploaded.

https://jsfiddle.net/gislef/fvzj7z1d/

now i'm trying trying implement resize, there error in if functions carry canvas resized often.

https://jsfiddle.net/gislef/ua9a20al/2/

 window.addeventlistener('resize', function(){        if ((widthscrencan >=361) || (widthscrencan ==768)){             zoomin768()       }      }, false);       window.addeventlistener('resize', function(){          if ((widthscrencan >=769) || (widthscrencan ==992)){             zoomin992()       }     }, false);         window.addeventlistener('resize', function(){          if ((widthscrencan >=993) || (widthscrencan ==1200)){             zoomin1200()        }      }, false);      window.addeventlistener('resize', function(){          if (widthscrencan >=1300){             zoomin1300()                 }      }, false); 

i newbie javascript lately have endeavored learn

thanks help