How to set span tags randamized class name character by character. (SVOO型)
.fuga
- var str = "The quick brown fox jumps over the lazy dog. "
- var classes = ['a1', 'a2', 'a3']
each char in str
- var randomClass = classes[Math.floor(Math.random() * classes.length)]
span(class=randomClass)= char
The compiled HTML will look like this
<div class="fuga"> <span class="a1">T</span><span class="a1">h</span><span class="a2">e</span><span class="a2"> </span><span class="a3">q</span><span class="a2">u</span><span class="a2">i</span><span class="a2">c</span><span class="a1">k</span><span class="a2"> </span><span class="a1">b</span><span class="a1">r</span><span class="a3">o</span><span class="a1">w</span><span class="a2">n</span><span class="a2"> </span><span class="a1">f</span><span class="a1">o</span><span class="a2">x</span><span class="a2"> </span><span class="a3">j</span><span class="a2">u</span><span class="a2">m</span><span class="a3">p</span><span class="a1">s</span><span class="a2"> </span><span class="a2">o</span><span class="a3">v</span><span class="a3">e</span><span class="a1">r</span><span class="a2"> </span><span class="a3">t</span><span class="a2">h</span><span class="a3">e</span><span class="a3"> </span><span class="a3">l</span><span class="a2">a</span><span class="a2">z</span><span class="a2">y</span><span class="a1"> </span><span class="a3">d</span><span class="a1">o</span><span class="a2">g</span><span class="a2">.</span> </div>
スペースと改行について
これだと改行もスペースもなし
- for (var x = 0; x < 100; x++)
span(class='blur red')
これだと改行あり、なんで？？
- for (var x = 0; x < 100; x++)
.blur.red
