JSFiddle - React, Tailwind, and code Playground

by lindychen

HTML

<form class="elementor-form" method="post" id="formid12">
  <div class="elementor-form-fields-wrapper elementor-labels-above">
    <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
      <label for="form-field-email" class="elementor-field-label">Email</label><input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email" required="required" aria-required="true"> </div>
    <button type="submit" class="elementor-button elementor-size-sm" id="buttonid12">
      <span>
        <span class=" elementor-button-icon">
        </span>
        <span class="elementor-button-text">Send</span>
      </span>
    </button>
  </div>
</form>

<div class="elementor-element elementor-element-b25fcc9 elementor-widget elementor-widget-text-editor" data-id="b25fcc9" data-element_type="widget" id="bitter1" data-widget_type="text-editor.default">
  <div class="elementor-widget-container">
    <div class="elementor-text-editor elementor-clearfix">
      <p>Sign up for our newsletter and get access to our newsletter and special offers!</p>
    </div>
  </div>
</div>

<div class="elementor-element elementor-element-7a18de9 elementor-widget elementor-widget-text-editor" data-id="7a18de9" data-element_type="widget" id="bitter2" data-widget_type="text-editor.default" style="display: block;">
  <div class="elementor-widget-container">
    <div class="elementor-text-editor elementor-clearfix">
      <p>Here is your 10% coupon code, valid for the next 24 hours.&nbsp;</p>
    </div>
  </div>
</div>

CSS

#bitter2 {
  display: none !important;
}

JavaScript

document.getElementById("formid12").addEventListener('submit', myFunction);

function myFunction(esc111) {
esc111.preventDefault();
document.getElementById('bitter1').style.display = 'none';
document.getElementById('bitter2').style.setProperty("display", "inline", "important");
alert("this is working");
}