${a} という部分、aという変数の中身を取得しています。${ }という表記が重要です。
別の変数の中身を表示したり、色々と編集してみてください。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>test</title>
</head>
<body>
<input id="omikuji" type="button" value="ＨＰ">
<p id="hyouji">ここに文字が入ります</p>
<script>
let a = 10;
let b = 20;
let c = "あ";
console.log(a);
console.log("a+b");
console.log(a+c);
document.getElementById("omikuji").onclick = function(){
let rnd = Math.floor( Math.random() * 6 );
switch(rnd){
case 0:
omikuji = "13";
break;
case 1:
omikuji = "14";
break;
case 2:
omikuji = "15";
break;
case 3:
omikuji = "16";
break;
case 4:
omikuji = "17";
break;
case 5:
omikuji = "18";
break;
default:
omikuji = "19";
break;
}
alert(omikuji);
}
document.getElementById("hyouji").innerHTML = `初期の個体値を決めよう。<br>個体値の決定方法ボタンをクリック<br>${a}点です。`;
</script>
</body>
</html>