JSFiddle - React, Tailwind, and code Playground

by Manuel Gertrudix

HTML

<!DOCTYPE html>
<html>
<body>

<h1>Variables en Javascript</h1>

  <p>En este ejemplo <span class="lax">x</span> definido como una variable.
Entonces, <span class="lax">x</span> recibe el valor de 6:</p>

<p id="asignaVariable"></p>
<h2 id="cadena"></h2>

<script>
var x = 6;
var y = "Esto es una cadena";
document.getElementById("asignaVariable").innerHTML = x;
document.getElementById("cadena").innerHTML = y;
</script>

</body>
</html>

CSS

.lax { font-size: 26px;
       color: #0000FF;
       font-style: italic;}
#asignaVariable {
    color: #FF0000;
    font-size: large;
    text-align: center;
    border: 1px solid red;
    border-style: dashed;
}