title: Online Jquery to Javascript tool?
body: <p>Are there any tools like <a href="http://sharpkit.net/Live.aspx" rel="noreferrer">http://sharpkit.net/Live.aspx</a> that will convert jquery to javascript? I have here methods that I have to convert to javascript and am seeking a little more information that can help me convert the jquery elements to javascript and if there is a tool in www that can help would be appreciated, thanks.</p>
  
  <pre><code> addClass: function(element, className) {
                  //$(element).addClass(className);
                  //document.element.addClass(className);
                  //element.addClass(className);
                  element.(className)
  
              },
              removeClass: function(element, className) {
                  $(element).removeClass(className);
              },
              toggleClass: function(element, className) {
                  $(element).toggleClass(className);
              },
              css: function() {
                  // read about the arguments object in javascript, very handy....
                  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments
                  var element = arguments[0];
                  switch(arguments.length) {
                      case 2:
                          $(element).css(arguments[1]);
                          break;
                      case 3:
                          $(element).css(arguments[1], arguments[2]);
                          break;
                      default:
                          throw 'simpleQuery.css() called with bad arguments';
                  }
              }
  
          };
  
  
  /////////here is the modifications where I need some help with the conversion js to jquery in css portion
  
  (function(exports) {
      'use strict';
  
      // Your task is to ditch the jQuery from here and just use pure javascript.
      // I'd recommend the Mozilla Web API Docs for Element (and google of course)
      // https://developer.mozilla.org/en-US/docs/Web/API/Element
  
      exports.simpleQuery = {
          addClass: function(element, className) {
              //$(element).addClass(className);
              //document.element.addClass(className);
              //element.addClass(className);
              element.classList.add(className)
  
          },
          removeClass: function(element, className) {
              element.classList.remove(className);
          },
          toggleClass: function(element, className) {
              element.classList.toggle(className);
          },
          css: function() {
              // read about the arguments object in javascript, very handy....
              // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments
              var element = arguments[0];
              switch(arguments.length) {
                  case 2:
                      $(element).css(arguments[1]);
                      break;
                  case 3:
                      $(element).css(arguments[1], arguments[2]);
                      break;
                  default:
                      throw 'simpleQuery.css() called with bad arguments';
              }
          }
  
      };
  })(this);
  </code></pre>