JSFiddle - React, Tailwind, and code Playground

by jazahn

HTML

<ul class="hide">
    <li>Arrays</li>
    <li>String functions</li>
    <li>Conditionals</li>
    <li>Loops</li>
</ul>
<div id="output1"></div>
<div id="output2"></div>

CSS

#output1, #output2 {
    border: 1px dotted black;
}
.hide, .h {
    display: none;
}

JavaScript

var output = document.getElementById('output1');
var output2 = document.getElementById('output2');
var str1 = "this is a string";
var arr1 = ['a', 'b', 'c', 'd'];

//output.innerHTML = str1.indexOf('this'); // t, h, i, r
//output.innerHTML = str1.lastIndexOf('is');
var arr2 = str1.split("");
//output.innerHTML = arr2;
//output2.innerHTML = str1.substr(1, 5);
//output2.innerHTML = str1.substring(-7);
//output.innerHTML = str1.slice(-7);
//output.innerHTML = str1.replace(/is/g, "isn't");
//output.innerHTML = Number('10');
//output.innerHTML = '0' == false;
output.innerHTML = 'ssadsf';

if(output.innerHTML == ''){
    output.className = 'hide';    
}
if(output2.innerHTML == ''){
    output2.className = 'hide';    
}