<div>
            <p class="control has-addons has-addons-left">
              <a class="button is-primary" onclick="enableAmharic('#first');">
                AM
              </a>
              <input class="input sleeboard" type="text" id="first" placeholder="First">
              <a class="button is-primary" onclick="disableAmharic('#first');">
                EN
              </a>
            </p>
            <p class="control has-addons has-addons-left">
              <a class="button is-primary" onclick="enableAmharic('#second');">
                AM
              </a>
              <input class="input sleeboard" type="text" id="second" placeholder="Second">
              <a class="button is-primary" onclick="disableAmharic('#second');">
                EN
              </a>
            </p>
            <a class="button is-success" onclick="enableAmharic('.sleeboard');">All AM</a> 
            <a class="button is-success" onclick="disableAmharic('.sleeboard');">All EN</a> 
          </div>

          <script type="text/javascript" src="dist/sleeboard.min.js"></script>
          <script type="text/javascript">
            var Lang = sleeboard();
            function disableAmharic (field) {
              Lang.disable(field);
            }
            function enableAmharic (field) {
              Lang.enable(field);
            }
          </script>