<div id='js'></div>
<img src="http://i.imgur.com/6aclmM6.png">
#js {
  float: left;
}

img {
  display: inline-block;
  float: right;
}
var code = '';

code += '<p>\'5\' - 3: ' + ('5' - 3) + '</p>' // 2

code += '<p>\'5\' + 3: ' + ('5' + 3) + '</p>'; // '53'

code += '<p>\'5\' - \'4\': ' + ('5' - '4') + '</p>'; // 1

code += '<p>\'5\' + + \'5\': ' + ('5' + + '5') + '</p>'; // '55'

code += '<p>\'foo\' + + \'foo\': ' + ('foo' + + 'foo') + '</p>'; // 'fooNaN'

code += '<p>\'5\' + - \'2\': ' + ('5' + - '2') + '</p>'; // '5-2'

code += '<p>\'5\' + - + - - + - - + + - + - + - + - - - \'-2\': ' + ('5' + - + - - + - - + + - + - + - + - - - '-2') + '</p>'; // '52'
 
code += '<p>var x = 3;</p>';
var x = 3;

code += '<p>\'5\' + x - x: ' + ('5' + x - x) + '</p>'; // 50

code += '<p>\'5\' - x + x: ' + ('5' - x + x) + '</p>'; // 5

$("#js").html(code);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js