JSFiddle - React, Tailwind, and code Playground

by Steven Senkus

HTML

<script src="http://code.angularjs.org/1.2.6/angular.min.js"></script>
<div ng-app>
    <label for="yourDay">How is your day?</label>
    <input ng-model="test" name="yourDay" type="radio" value="good" />Good
    <input ng-model="test" name="yourDay" type="radio" value="bad" />Bad
    <hr />
    <label>{{test}}</label>
    <img ng-show="test == 'bad'" id="img"...

JavaScript

function RadioCtrl($scope) {
        $scope.todos = [{
            text: 'learn angular',
            done: true
        }, {
            text: 'build an angular app',
            done: false
        }];

        $scope.addTodo = function () {
            $scope.todos.push({
                text: $scope.todoText,
                done: false
            });
            $scope.todoText = '';
        };

        $scope.remaining = function () {
            var count = 0;
            angular.forEach($scope.todos, function (todo) {
                count += todo.done ? 0 : 1;
            });
            return count;
        };

        $scope.archive = function () {
            var oldTodos = $scope.todos;
            $scope.todos = [];
            angular.forEach(oldTodos, function (todo) {
                if (!todo.done) $scope.todos.push(todo);
            });
        };
    }