JSFiddle - React, Tailwind, and code Playground

by kyleshen

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<div ng-app ng-controller="TestCtrl">
    <h3>2014第7屆iT邦幫忙鐵人賽-參賽者(<span >{{ Name }}<span>)
        -第<span >{{ Day }}<span>天<h3>
    <h4>參賽者：<input type="texxt" ng-model='Name' ><h4>
    <h4>您完成幾篇啦？<input type="texxt" ng-model='Day' ><h4>
    <div>
        <input type='button' value='又完成一天' ng-click="Add()" />
    </div>
</div>

JavaScript

var TestCtrl = function($scope)
{
    //初始值
    $scope.Day = 1;
    $scope.Name = '';
    
    //加一天
    $scope.Add = function() {
        $scope.Day++;
    }
}