Cases

A demonstration of jeezy's case functions.

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
      margin: 10px;
    }
    .title {
      font-weight: bold;
      margin-bottom: 4px;
      font-size: 1.1em;
    }
    .description {
      font-size: .9em;
      color: #888;
      margin-bottom: 12px;
    }
    .output {
      margin-bottom: 24px;
      min-height: 18px;
    }
    textarea {
      width: 100%;
      margin-bottom: 12px;
    }

</style>
</head>
<body>
  <textarea></textarea>
  <script src="https://unpkg.com/jeezy@1.12.4/lib/jeezy.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script>
    $(document).ready(go);
    function go(){
      var cases = [{
        case: "Camel",
        desc: "Capitalize every word but the first. Remove punctuation and spaces."
      }, {
        case: "Sentence",
        desc: "Capitalize the first letter of every sentence."
      }, {
        case: "Slug",
        desc: "Remove punctuation, replace spaces with hyphens."
      }, {
        case: "Snake",
        desc: "Remove punctuation, replace spaces with underscores."
      }, {
        case: "Start",
        desc: "Capitalize the first letter of every word."
      }, {
        case: "Title",
        desc: "Capitalize the first letter of every word except for prepositions, conjunctions, and articles."
      }];
      cases.forEach(function(c){
        $("body").append("<div class='title'>" + c.case + "</div><div class='description'>" + c.desc + "</div><div class='output' id='" + c.case + "'></div>");
      });
      $("textarea").keyup(function(){
        cases.forEach(function(c){
          $("#" + c.case).html(jz.str["to" + c.case + "Case"]($("textarea").val()));  
        });
      });
    }
  </script>
</body>
</html>

https://unpkg.com/jeezy@1.12.4/lib/jeezy.min.js

https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js