case-convert.html

<meta charset="utf-8">
<link rel="stylesheet" href="./root.css">
<script src="./sob/sob-html.js"></script>
<script src="./sob/sob-string.js"></script>
<script src="./case-convert.js"></script>
<style>
    @keyframes marquee {
        from { transform : translateX(100%) }
        to { transform : translateX(-100%) }
    }
    #novelty {
        display : inline-flex;
        overflow : hidden;
        width : 60px;
    }
    #novelty span {
        display : inline-block;
        animation : marquee 2s linear infinite;
    }
</style>
<a href="./index.html">&lt;&lt; back</a>
<p>paste text in the box below and then click one of the buttons</p>
<textarea id="src" cols="80" rows="10" placeholder="hello world"></textarea>
<hr>
<i>typical</i>
<button onclick="toLower()">lower case</button>
<button onclick="toUpper()">UPPER CASE</button>
<button onclick="toTitle()">Title Case</button>
<button onclick="toCapitalised()">Capitalised Case</button>
<hr>
<code>programmer</code>
<button onclick="toSnake()"><code>snake_case</code></button>
<button onclick="toScreamingSnake()"><code>SCREAMING_SNAKE_CASE</code></button>
<button onclick="toCamel()"><code>camelCase</code></button>
<button onclick="toPascal()"><code>PascalCase</code></button>
<button onclick="toKebab()"><code>kebab-case</code></button>
<button onclick="toCobol()"><code>COBOL-CASE</code></button>
<button onclick="toFlat()"><code>flatcase</code></button>
<button onclick="toScreaming()"><code>SCREAMINGCASE</code></button>
<button onclick="toCamelSnake()"><code>camel_Snake_Case</code></button>
<button onclick="toPascalSnake()"><code>Pascal_Snake_Case</code></button>
<button onclick="toTrain()"><code>Train-Case</code></button>
<hr>
<span id="novelty"><span>novelty</span></span>
<button onclick="toBasic1337()"><code>5imp1ifi3d 13375p34k</code></button>
<button onclick="toAlternating()">aLtErNaTiNg cAsE</button>
<button onclick="toUpperAlternating()">UpPeR AlTeRnAtInG CaSe</button>
<hr>
<textarea id="dest" cols="80" rows="10" placeholder="the result will appear here"></textarea>
<h3>See Also</h3>
<a href="https://yal.cc/r/fancytext">yal.cc/r/fancytext</a>
<br>
<a href="https://titlecaseconverter.com/">www.titlecaseconverter.com</a>
<br>
<a href="https://megacooltext.com/">megacooltext.com</a>
<br>
<a href="https://lingojam.com/TinyTextGenerator">lingojam.com/TinyTextGenerator</a>
<br>
<a href="https://en.wikipedia.org/wiki/Naming_convention_(programming)">en.wikipedia.org/wiki/Naming_convention_(programming)</a>