JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

JavaScript

function updateButtonState(state) {
  const button = document.getElementById('taskButton');
  let content = '';

  switch (state) {
    case 'start':
      content = 'Start';
      break;
    case 'started':
      content = '<img src="started.png" alt="Started"> Started';
      break;
    case 'claim':
      content = 'Claim';
      break;
    case 'claimed':
      content = '<img src="claimed.png" alt="Claimed"> Claimed';
      break;
    default:
      content = 'Start';
  }

  button.innerHTML = content;
}