JavaScript String: substring, substr, slice

this fiddle is inspired by this article《JavaScript String: substring, substr, slice》

by Juan Muñoz

HTML

<div>this fiddle is inspired by this article《<a href="http://ariya.ofilabs.com/2014/02/javascript-string-substring-substr-slice.html?utm_source=javascriptweekly&utm_medium=email">JavaScript String: substring, substr, slice</a>》<br/>
    link: <span class="link">http://ariya.ofilabs.com/2014/02/javascript-string-substring-substr-slice.html?utm_source=javascriptweekly&utm_medium=email</span>
</div>
<div id="result">
    a='The Three Musketeers';
    <p>
    <span>a.substring(4, 9)===</span>'<span class="result" id="console_substring"></span>'<br/>
    <span>a.substring(9, 4)===</span>'<span class="result" id="console_substringSwap"></span>'<br/>
    <span>a.substr(4, 9)===</span>'<span class="result" id="console_substr"></span>'<br/>
    <span>a.slice(4, 9)===</span>'<span class="result" id="console_slice"></span>'<br/>
    <span>a.slice(4, -2)===</span>'<span class="result" id="console_sliceEndIsMinus"></span>'
    </p>
</div>

CSS

.link {color: #f00}
.result {color: #0f0}
#result {margin-top: 10px}

JavaScript

var a = 'The Three Musketeers';
var t = {};

t.substring = a.substring(4, 9);
t.substringSwap = a.substring(9, 4);

t.substr = a.substr(4, 9);

t.slice = a.slice(4, 9);
t.sliceEndIsMinus = a.slice(4, -2);

function showResult(id, result){
    var el = document.getElementById('console_' + id);
    el.innerHTML = result;
};

showResult('substring', t.substring);
showResult('substringSwap', t.substringSwap);
showResult('substr', t.substr);
showResult('slice', t.slice);
showResult('sliceEndIsMinus', t.sliceEndIsMinus);