ezDOM

DOM manipulation made easy.

ezDOM provides a simple interface for making ajax requests and manipulating DOM elements. The example below demonstrates how to make an AJAX call and display it in an unordered list in under 20 lines.

    $ez(() => {
      $ez.ajax({
        url: "https://api.github.com/users/maxih/repos",
        success: (repos) => handleRepos(repos)
      })
    
      function handleRepos(repos) {
        repos = JSON.parse(repos);
        repos.forEach((repo) => {
          const newListItem = $ez("<li>");
          const newListLink = $ez("<a>").attr("href", repo.html_url).html(repo.name);
          const langIcon = languageToElement(repo.language);
          $ez(".repo-list").append(newListItem.append(langIcon).append(newListLink));
        });
      }
    });