htmlテキストで大文字/小文字をランダムに変更します。

Question

私はHTMLテキスト要素を持っています。例：VIDEOSというH1タグ。 JSを使ってテキストの大文字をランダムに操作する方法はありますか？たとえば、あるインスタンスでは、viDEoSとしてテキストをロードし、別のインスタンスではViDeosなどをロードします。

各文字は、本質的にランダムに大文字小文字&

Answer 1

解決策の間で変化します。

var elem = document.getElementById('vid'); 
 

 
elem.textContent = elem.textContent.split('').map(function(v) { 
 
    var chance = Math.round(Math.random()); 
 
    return v = chance ? v.toUpperCase() : v.toLowerCase(); 
 
}).join('');

<h1 id='vid'>videos</h1>

Answer 2

$('.randomize').each(function() { 
 
    var _word = $(this).html(); 
 
    var _arr = _word.split(''); 
 
    var _store = ''; 
 
    var _style = ''; 
 
    
 
    $(this).html(''); 
 
    
 
    for (var i = 0, len = _arr.length; i < len; i++) { 
 
    if((Math.floor(Math.random() * 2) + 1) === 1) { 
 
     _style = 'uppercase'; 
 
    } 
 
    else { 
 
     _style = 'lowercase'; 
 
    } 
 
    
 
    _store = _store + '<span style="text-transform: '+ _style +' ;">' + _arr[i] + '</span>'; 
 
    } 
 
    
 
    $(this).html(_store); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h1 class="randomize">Videos</h1>