JSFiddle - React, Tailwind, and code Playground

by rao b

HTML

<div class="container">
  <div id="one" class="child">

  </div>
  <div id="two" class="child">

  </div>
  <div id="three" class="child">

  </div>
</div>

<div class="container">
  <button type="button" id="btnOne">Click Me!</button>
  <button type="button" id="btnTwo">Click Me!</button>
  <button onclick="clicked()">Click Me!</button>
</div>
<p id="demo">sdasd</p>

CSS

.container {
  width: auto;
  background: blue;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}

.child {
  width: 100px;
  height: 100px;
  background: black;
  display: inline-block;
}

JavaScript

function clicked() {
  document.getElementById("demo").innerHTML = "Hello World";
}