title: Javascript Box Shadow
body: <p>I have a box that previews a Box Shadow. The user types in the inputs for the lenghts, blur, spread and colour (hex). So far I have this for the output of the style but it obviously doesn't work.</p>
  
  <pre><code>document.getElementById('jj_preview3').style["boxShadow"] = jj_input6 + 'px' + jj_input7 + 'px' + jj_input8 + 'px' + jj_input9 + '#' + jj_input10;
  </code></pre>
  
  <ul>
  <li><code>jj_input6</code> = Horizontal Length</li>
  <li><code>jj_input7</code> = Vertical Length</li>
  <li><code>jj_input8</code> = Blue Radius</li>
  <li><code>jj_input9</code> = Spread</li>
  <li><code>jj_input10</code> = Shadow Colour</li>
  </ul>
  
  <p>What changes do I have to make the the javascript code snippet above to make it work?</p>