JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" ng-app="myApp" ng-controller="playController">
  <div class="row">
    <h1>Let's Play!</h1>
    <br>
    <form class="form" ng-submit="score_submission()">
      <div class="col-md-8">
        <div class="form-group">
          <fieldset>
            <legend>Find the fake answer!</legend>
            <ul>
              <li ng-repeat="game in games">
                <input type="checkbox" ng-model="answers" value="{{game.game_id}}">{{game.game}}
              </li>
            </ul>
          </fieldset>
          <div class="form-group">
            <button type="submit" class="btn btn-primary btn-lg">Submit Guesses</button>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>

JavaScript

(function() {
    var app = angular.module('myApp', []);
    
    app.controller('playController', function($scope, $rootScope){
        
        $scope.games = [
        {game_id: 1, game: "Game 1"},
        {game_id: 2, game: "Game 2"},
        {game_id: 3, game: "Game 3"}
        ]
        
        $scope.score_submission = function(){
            console.log($scope.answers)
        }
    })
})();