JSFiddle - React, Tailwind, and code Playground

by Pratik Bhattachary

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.js"></script>
<div ng-app="app" ng-controller="ctrl">
  <label for="itemtype">Item Type</label>
  <select name="itemtype" ng-model="itemType">
    <option>Package</option>
    <option>Service</option>
    <option>Resource</option>
    <option>PPBS</option>
  </select>
  <br/>
  <label for="type">Type</label>
  <input name="type" type = "text" ng-model = "type"/>
  <br/>
  <label for="Name">Name</label>
  <input name="name" type = "text" ng-model="name"/>
  <br/>
  <button ng-click="generateCode()">
    <span>Generate Code</span>
  </button>
</div>

JavaScript

var app = angular.module("app", []);
app.controller("ctrl", function ($scope) {
  		$scope.generateCode = function() {
      	alert("Worked!!!");
      }
  });