Some problems

Change class name on click in jQuery

by zoomieos

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

JavaScript

$(document).ready(function() {
  //    var player = $('iframe');
  //    var playerOrigin = '*';
  //    // Listen for messages from the player
  //    if (window.addEventListener) {
  //        window.addEventListener('message', onMessageReceived, false);
  //    } else {
  //        window.attachEvent('onmessage', onMessageReceived, false);
  //    }
  //
  //    // Handle messages received from the player
  //    function onMessageReceived(event) {
  //        // Handle messages from the vimeo player only
  //        if (!(/^https?:\/\/player.vimeo.com/).test(event.origin)) {
  //            return false;
  //        }
  //
  //        if (playerOrigin === '*') {
  //            playerOrigin = event.origin;
  //        }
  //
  //        var data = JSON.parse(event.data);
  //
  //    }
  //
  //    // Call the API when a button is pressed
  //    $('#fa').on('click', function () {
  //        post('pause');
  //    });
  //
  //    // Helper function for sending a message to the player
  //    function post(action, value) {
  //        var data = {
  //            method: action
  //        };
  //
  //        if (value) {
  //            data.value = value;
  //        }
  //
  //        var message = JSON.stringify(data);
  //        player[0].contentWindow.postMessage(message, playerOrigin);
  //    }
  /* TEXTBACK WIDGET */
  const widgetId = "baddd92b-0fca-933d-b53b-016363bc0387";
  const secureContextToken =
    "-----BEGIN PUBLIC KEY-----MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBALAIMg69sXsKYSLeSSXd23UzOwFcoW5QkjK3OE54ZYf4M60aTS3h3E1QjPh+KLtg0ITFngaEGjv0tWVCOtBLVQECAwEAAQ==-----END PUBLIC KEY-----";
  let number = "";
  let currentWidget = "";
  let configVersion = 0;

  widgetProcessing(widgetId, "viber vk");

  function widgetProcessing(_widgetId, channels) {
    $("#widget-mobile").bind("change keyup input paste", () => {
      emptyFlag = false;
      number = $("#widget-mobile").val();
      console.log(number);

      configVersion++;
      const config =...