JSFiddle - React, Tailwind, and code Playground

by Jon Kittell

HTML

<p id="message" onclick="write"></p>

JavaScript

function write(message) {
    document.getElementById('message').innerHTML += message + '<br/>';
}

function newParagraph() {
    write("");
}

// charAt
var character = "abcd".charAt(2);
write("Third character in 'abcd' is : " + character);
//write("Type of character is: " + typeof character);
newParagraph();

// indexOf
var index = "abcd".indexOf("c");
write("Index of 'c' in 'abcd' is : " + index);

// search
index = "abcd".search(/c/);
write("Index of 'c' in 'abcd' is (using 'search'): " + index);
newParagraph();

// replace
// /g flag means global
var lyric = "3 oh 3 it's a magic number";
write('lyric.replace("3", "4"): ' + lyric.replace("3", "4"));
write('lyric: ' + lyric); // has the original string changed?
write('lyric.replace(/3/, "4"): ' + lyric.replace(/3/, "4"));
write('lyric.replace(/3/g, "4"): ' + lyric.replace(/3/g, "4"));
newParagraph();

// slice 
var letters = "abcd";
write("letters.slice(1,2): " + letters.slice(1,3));
newParagraph();

// split
var words = "The western wave was all a-flame".split(" ");
for (var i = 0; i < letters.length; i++) {
    write(letters[i]);
}
newParagraph();

var letters = "abcd".split("");
for (var i = 0; i < letters.length; i++) {
    write(letters[i]);
}
newParagraph();

// toUpperCase / toLowerCase
var name = "Frank";
write("Upper case of 'Frank': " + name.toUpperCase());
write("Lower case of 'Frank': " + name.toLowerCase());