JSFiddle - React, Tailwind, and code Playground
by ShauniD
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<SCRIPT LANGUAGE="JavaScript">
function setColor() {
var color = document.getElementById("color").value;
document.getElementById("myDiv").style.color = color;
}
function addContent(divName, content) {
document.getElementById(divName).innerHTML = content;
}
function fontSize(size){
document.getElementById("lineOne").style.fontSize = size
}
function fontFamily(family) {
document.getElementById("lineOne").style.fontFamily = family
}
function fontStyle(style) {
document.getElementById("lineOne").style.fontStyle = style
}
function fontWeight(weight) {
document.getElementById("lineOne").style.fontWeight = weight
}
function align(align) {
document.getElementById("lineOne").style.textAlign = align;
}
function fontSize1(size1){
document.getElementById("lineTwo").style.fontSize = size1
}
function fontFamily1(family1) {
document.getElementById("lineTwo").style.fontFamily = family1
}
function fontStyle1(style1) {
document.getElementById("lineTwo").style.fontStyle = style1
}
function fontWeight1(weight1) {
document.getElementById("lineTwo").style.fontWeight = weight1
}
function align1(align1) {
document.getElementById("lineTwo").style.textAlign = align1;
}
function fontSize2(size2){
document.getElementById("lineThree").style.fontSize = size2
}
function fontFamily2(family2) {
document.getElementById("lineThree").style.fontFamily = family2
}
function fontStyle2(style2) {
document.getElementById("lineThree").style.fontStyle = style2
}
function fontWeight2(weight2) {
document.getElementById("lineThree").style.fontWeight = weight2
}
function align2(align2) {
document.getElementById("lineThree").style.textAlign = align2;
}
function fontSize3(size3){
document.getElementById("lineFour").style.fontSize = size3...