JSFiddle - React, Tailwind, and code Playground

by Luke Arrington

HTML

<div contenteditable="true">
  This text can be edited by the user.
</div>
<div contenteditable="true">
  This text can be edited by the user.
</div>
<div class ="big">
<iframe src="https://docs.google.com/spreadsheets/d/1Hccpd7ILq1BuElXl3q1vADGFyIUUx8BWEbQFzbz-e_E/pubhtml?widget=true&amp;headers=false"></iframe></div>
<div id="written">
</div>
<div id="trybutton">
<button>Try it</button>
</div>

CSS

div {
    border: 10px solid;
    padding: 20px; 
    width: 35%;
    resize: both;
    overflow: auto;
    margin: 10px;
    }
.big {
  width: 75%;
}

JavaScript

var el = prompt("what is your name?");
written.textContent = el;

document.getElementById("trybutton").onclick = function () { prompt('hello!'); };