Obscure some text randomly

by nickywaites

HTML

<a>obscure</a>
<p id="change" class="obscure">
    To be, or not to be: that is the question:
    Whether 'tis nobler ...
</p>

<p id="change2" class="obscure">
    To be, or not to be: that is the question:
    Whether 'tis nobler ...
</p>

JavaScript

function obscure(percent) {

}


$('a').click(function() {
    var percent = 50;
    var obscure = document.getElementsByClassName('obscure');
    for (i = 0; i < obscure.length; i++) {
        var element = obscure[i];
        var text = element.innerHTML;
        var str = "";
        for (j = 0; j < text.length; j++) {
            //return a random integer between 0 and 100
            var rand = Math.floor(Math.random() * (100));
            if (rand < percent) {
                //Can't Change a String element directly               
                //https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String
                str = str + '_';
            } else {
                str = str + text[j];
            }
        }
        element.innerHTML = str;
    }
});