Mock Case

stoopid

by Brock Callahan

HTML

<h2>Mock Case</h2>
<img src="https://i.kym-cdn.com/entries/icons/original/000/022/940/mockingspongebobbb.jpg" alt="">
<input type="text">
<div id="output"></div>

CSS

img {
  width: 25%;
}
input {
  display: block;
  margin: 10px;
}

JavaScript

const inp = document.querySelector('input');
const outp = document.getElementById('output');

inp.addEventListener('input', () => {
  let res = inp.value.split('').map((v, i, a) => {
    return (i % 2) ? v.toUpperCase() : v;
  });
  outp.innerHTML = res.join('');
});

function isUpperCase(s) {
  return s === s.toUpperCase() ? true : false;
}

function isLowerCase(s) {
  return s === s.toLowerCase() ? true : false;
}