JSFiddle - React, Tailwind, and code Playground

by Rob Rothe

HTML

<div ng-app="myApp" ng-controller="AppCtrl">
  <span ng-if="!randomName">Loading...</span>
  <div ng-if="randomName">
    <button type="button" ng-click="randomRoomButtonClass=true;getRandomRoom()">Random conversation!</button>
    <br>
    <br>
    <li>{{randomName}}</li>
    <li>{{randomRoom}}</li>
    <button type="button" ng-click="enterRoom({name: randomName,room: randomRoom})">Enter!
    </button>
  </div>
</div>

JavaScript

angular
  .module('myApp', [])
  .controller('AppCtrl', AppCtrl);

function AppCtrl($scope, $timeout) {
  $timeout(function() {
    $scope.randomName = 'Yo';
    $scope.randomRoom = 'Hey';
  }, 2000);
}