title: Simplify this JS using the "#" tags
body: <p>I am extending code (associated with Telerik MVC) and came across a confusing section:</p>
  
  <pre><code>&lt;img src="# if (sessionStorage.getItem(ImageId)) { # data:image/png;base64,#:sessionStorage.getItem(ImageId)# # } else { # @(Url.Content("~/Pictures/"))#:ImageId# # } #" /&gt;
  </code></pre>
  
  <p>I know what this is doing -- It retrieves an image from session state or assigns it to one from a /Pictures folder.</p>
  
  <p>I need to extend this logic, but find it very confusing with the above structure. I am not familiar with it, and cannot find anything online to explain the "#" character that is in use. I also cannot find how to restructure it so it's more legible, especially if I extend, as right now everything is on one line. Any advice?</p>