[Snake Demo][link] [link]: http://www.codyjhahn.com/jCody

jCody is a lightweight JavaScript library that facilitates DOM manipulation. Inspired by jQuery, jCody simplifies HTML document traversing, event handling, and AJAX requests in JavaScript.

To use jCody, start by downloading ./jCody/lib and include it in your project directory. Then, include the following script tag in the head section of your HTML document:

  <script src="./jCody/lib/main.js" charset="utf-8"></script>

You can also include the following code snippet at the top of every file that uses jCody.

  const $c = require('./../jCody/lib/main.js');

With jCody, you can perform some basic DOM manipulation functions:

You can select specific HTML elements or selectors...

$c('ul')
// select all ul elements

$c('.hello')
// select 'hello' class

You can alter the innerHTML of selected elements...

$c('li').html('cool')
// select li elements and change innerHTML to 'cool'

You can implement event handlers...

$c('.button').on('click', () => {
  console.log('Clicking the button class');
})
// clicking the button class will render 'Clicking the button class' to the console

You can perform an AJAX request...

$c.ajax({
  method: "GET",
  url: "http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=bcb83c4b54aee8418983c2aff3073b3b",
  success(data) {
    console.log("We have your weather!")
    console.log(data);
  },
  error() {
    console.error("An error occurred.");
  }
})
// will fetch weather information

• Takes a string as an optional argument
• Given no argument, it returns the innerHTML of the first node of the collection
• Given a string as an argument, the string is set as the innerHTML of each node in the collection

• Clears all nodes in the node collection

• Takes a a string, an HTML element, or a jCody wrapped node collection
• Appends the outerHTML of the given argument to the innerHTML of each element in the node collection

• Takes an attribute parameter along with an optional value parameter (attribute, value)
• Given just an attribute parameter, it returns the first element in the node collection that matches the attribute
• Given both an attribute and value parameter, it sets the matched attribute to the value parameter for each node in the collection

• Takes multiple classes as arguments and adds each to the class list of each node in the node collection

• Takes multiple classes as arguments and removes each from the class list of each node in the node collection

• Returns collection of all children of each node

• Returns collection of all parent nodes

• Takes a selector as an argument and returns all descendants of each node in the set of matched nodes.

• Removes all instances of each node from the DOM

• Takes an event and callback as arguments and adds an eventListener for each element in the collection
• Activates callback action when triggered

• Takes an event as an argument and removes all eventListeners for each element in the collection

• Takes an index as an argument and selects the element that corresponds to the index in a collection