jPack strings Demo

Javascript component for manipulating strings

by Shane Stebner

HTML

<script src="https://htmlguyllc.github.io/jPack/dist/jpack.bundled.min.js"></script>
<h1>Results:</h1>
<results>
  <div>id</div>
  <div>fname</div>
  <div>lname</div>
  <div>email</div>
  <div>bob</div>
  <div>frank</div>
</results>

CSS

body {
  background: white;
}

div {
  margin-bottom: 5px;
}

JavaScript

/**
jPack string Demo
https://htmlguyllc.github.io/jPack/#strings
*/
jpack.dom.getElements('div').forEach(function(div) {
  var text = div.innerText;
  div.innerHTML += '<br>ucfirst: ' + jpack.strings.ucfirst(text);
  div.innerHTML += '<br>getter: ' + jpack.strings.getter(text);
  div.innerHTML += '<br>setter: ' + jpack.strings.setter(text);
});

//sets all jpack components globally - use at your own risk (may cause conflicts)
jpack.setGlobal();

//now we can use strings without the jpack namespace
dom.getElement('results').innerHTML += '<hr>no namespace ucfirst: ' + strings.ucfirst('hi');