JSFiddle - React, Tailwind, and code Playground

by Maiki Nahara

HTML

<script src="https://unpkg.com/vue"></script>
<link href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" rel="stylesheet">

<div id="app">
  <i :class="value"> </i>
  {{ value }}
  <button @click="change(this)"> change </button>
</div>

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    value: 'far fa-thumbs-up'
  },
  methods: {
    change() {
       (this.value === 'far fa-thumbs-up') ? this.value = 'far fa-thumbs-down' : this.value = 'far fa-thumbs-up'
    }
  }
})