bokuo-okubo · August 14, 2018 15:56
diff --git a/gblwma.markdown b/gblwma.markdown
diff --git a/index.html b/index.html
 <button id="trigger-button">toggle!</button>

 <div id="viewer">
  <div id="value-field"></div>
 </div>
diff --git a/script.babel b/script.babel
 (function() {
  var displayArray = ['😆', '🤔', '😭'];
  var display = displayArray[0];
  var counter = 0;
  $('#value-field').text(display);
  
  $('#trigger-button').click(function() {
    counter += 1;
    display = displayArray[counter % displayArray.length];
    $('#value-field').text(display);
  });
 })();
diff --git a/scripts b/scripts
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
diff --git a/style.css b/style.css
 #viewer {
  width: 200px;
  height: 200px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
 }

 #value-field {
  padding: 10px 10px;
  font-size: 180px;
 }
	<button id="trigger-button">toggle!</button>

	<div id="viewer">
	<div id="value-field"></div>
	</div>
	(function() {
	var displayArray = ['😆', '🤔', '😭'];
	var display = displayArray[0];
	var counter = 0;
	$('#value-field').text(display);

	$('#trigger-button').click(function() {
	counter += 1;
	display = displayArray[counter % displayArray.length];
	$('#value-field').text(display);
	});
	})();