strack/questions.html

## questions.html
<head>
  <title>questions</title>
</head>

<body>
  <h1>Welcome to Meteor!</h1>

  {{> hello}}
</body>

<template name="hello">
  <button id="btn">Click Me</button>
  <p>You've pressed the button {{counter}} times.</p>
    {{#each questions}}
    <div class="question btn {{correctQ}}">{{title}}</div>
    {{/each}}
</template>

## questions.js
Questions = new Mongo.Collection('questions');

if (Meteor.isClient) {
    // counter starts at 0
    Session.setDefault("counter", 0);

    Template.hello.helpers({
        counter: function () {
            return Session.get("counter");
        },
        questions: function () {
            return Questions.find();
        },
        correctQ: function () {
            if (this.correct === "correct") {
                return 'btn-success';
            } else {
                return 'btn-danger';
            }

        }
    });

    Template.hello.events({
        'click #btn': function () {
            // increment the counter when button is clicked
            Session.set("counter", Session.get("counter") + 1);
        },
        'click .question': function () {
            var tempC = (this.correct == 'correct') ? 'incorrect' : 'correct';
            Questions.update(this._id, {
                $set: {
                    correct: tempC
                }
            });
        }
    });

    Meteor.startup(function () {
        var fc = Questions.find().count();
        while (fc<5) {
            Questions.insert({title: 'Question # ' + fcount});
            fc++;
        }
    });
}
	<head>
	<title>questions</title>
	</head>

	<body>
	<h1>Welcome to Meteor!</h1>

	{{> hello}}
	</body>

	<template name="hello">
	<button id="btn">Click Me</button>
	<p>You've pressed the button {{counter}} times.</p>
	{{#each questions}}
	<div class="question btn {{correctQ}}">{{title}}</div>
	{{/each}}
	</template>
	Questions = new Mongo.Collection('questions');

	if (Meteor.isClient) {
	// counter starts at 0
	Session.setDefault("counter", 0);

	Template.hello.helpers({
	counter: function () {
	return Session.get("counter");
	},
	questions: function () {
	return Questions.find();
	},
	correctQ: function () {
	if (this.correct === "correct") {
	return 'btn-success';
	} else {
	return 'btn-danger';
	}

	}
	});

	Template.hello.events({
	'click #btn': function () {
	// increment the counter when button is clicked
	Session.set("counter", Session.get("counter") + 1);
	},
	'click .question': function () {
	var tempC = (this.correct == 'correct') ? 'incorrect' : 'correct';
	Questions.update(this._id, {
	$set: {
	correct: tempC
	}
	});
	}
	});

	Meteor.startup(function () {
	var fc = Questions.find().count();
	while (fc<5) {
	Questions.insert({title: 'Question # ' + fcount});
	fc++;
	}
	});
	}