JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<input type="text" id="code">
<button onclick="scoreIt()">Score Code</button>

<p id="score">Score: Click the score button!</p>

<script>
function scoreIt() {
    var score = 0;
	var code = document.getElementById("code").value;
	var holy = "0469abdegopqrADOPQR@#";
	var extraholy = "8B%$&";
	var unholy = "12357cfhijklmnstuvwxyzCEFGHIJKLMNSTUVWXYZ!\"^*()[]{}-=_+|\/?,.<>:;'~";
	var whitespace = "\t\n ";
	for (var i = 0, len = code.length; i < len; i++) {
		var letter = code[i];
		if(holy.indexOf(letter) > -1){
			score = score +2;
		} else if (extraholy.indexOf(letter) > -1){
			score = score +1;
		} else if (whitespace.indexOf(letter) > -1){
			score = score +1;
		} else {
			score = score +10;
    }
		
	}
	
    document.getElementById("score").innerHTML = "Score: "+score;
}
</script>

</body>