home ~ socials ~ projects ~ rss

Get a Single Letter from the Alphabet by Index

October 2025
JavaScript
function lowerCaseFromIndex(index) {
  return String.fromCharCode(index + 97);
}

function upperCaseFromIndex(index) {
  return String.fromCharCode(index + 65);
}

Output

-
-

HTML

<bitty-1-3>
  <div data-receive="lowerCase">-</div>
  <div data-receive="upperCase">-</div>
  <label>Letter Picker
    <input type="range" value="0"
      min="0" max="25" step="1" 
      data-send="upperCase|lowerCase" />
  </label>
</bitty-1-3>
JavaScript
window.BittyClass = class {
  lowerCase(event, el) {
    if (event.type === "input") { 
      const index = parseInt(event.target.value, 10);
      el.innerHTML = lowerCaseFromIndex(index);
    }
  }
  upperCase(event, el) {
    if (event.type === "input") { 
      const index = parseInt(event.target.value, 10);
      el.innerHTML = upperCaseFromIndex(index);
    }
  }
}
end of line
Share link:
https://www.alanwsmith.com/en/33/ca/gs/dn/?get-a-single-letter-from-the-alphabet-by-index