index.html

<link rel="stylesheet" type="text/css" href="unicode-and-ascii-character-detector.css">

<!-- Unicode and ASCII Character Detector -->
<!-- developed by Tawhidur Rahman Dear, https://www.tawhidurrahmandear.com -->
<!-- Live Preview available at https://www.devilhunter.net/p/unicode-and-ascii-character-detector.html -->

    <div class="container">
        <h1>Unicode and ASCII Character Detector</h1>
        <textarea class="unicode-and-ascii-character-detector_textarea" id="unicode-and-ascii-character-detector_textInput" placeholder="Type or paste text content here"></textarea>
		 <br><br>
        <button class="unicode-and-ascii-character-detector_button" id="unicode-and-ascii-character-detector_analyzeButton">Analyze</button>
        <div id="unicode-and-ascii-character-detector_resultContainer">
		<br>
            <h2>Results</h2>
            <div id="unicode-and-ascii-character-detector_resultGrid"></div>
        </div>
	<br><br>
    <button class="unicode-and-ascii-character-detector_button" id="unicode-and-ascii-character-detector_resetButton">Reset</button>
	<br><br>
<hr class="unicode-and-ascii-character-detector-indicator-hr">
<div>
<p>Indicators</p>	
<div class="unicode-and-ascii-character-detector-indicator-container">
    <button class="unicode-and-ascii-character-detector-indicator-button" style="background-color: #EEF3FA">ASCII characters</button>
    <button class="unicode-and-ascii-character-detector-indicator-button" style="background-color: #99bbff">ASCII symbols</button>
    <button class="unicode-and-ascii-character-detector-indicator-button" style="background-color: #99ff99">Unicode characters</button>
    <button class="unicode-and-ascii-character-detector-indicator-button" style="background-color: #ff8080">Unicode symbols</button>
</div>
</div>
   
	</div>
	
<script src="unicode-and-ascii-character-detector.js"></script>