JSFiddle - React, Tailwind, and code Playground

by dandoyon

HTML

<div ng-app="quiz">
    <div ng-controller="quizController">
        Some question {{quiz.qNum}}
        
        <div ng-repeat="answ in typical">
            {{answ}} {{qNum}} answ{{qNum}}
			<label ng-click="checkAnsw()">
            <input type="radio" name="foo">                    
                {{answ.text}}                    
			</label>
                 
		</div>
        <input type="button" ng-click="changeQ()" value="next" />
    
      
    </div>
</div>

JavaScript

(function(){
    var app = angular.module('quiz', []);
    
    app.controller('quizController', ['$scope',function($scope){
        $scope.qNum = 1;
        $scope.typical = typicalAnsw = [
            {
                text: 'answ 1',
                price: 2
            },
            {
                text: 'answ 2',
                price: 1
            }, 
            {
                text: 'answ 3',
                price: -1
            },
            {
                text: 'answ 4',
                price: -2
            }
        ];
        
        $scope.changeQ = function(){
            $scope.qNum++;
        };
        
    }]);

})();