<!DOCTYPE html>
<html>
<body>
<h2>JavaScriptの検証</h2>
<p>1 ～ 10 の数字を入力してください</p>
<input id="numb">
<button type="button" onclick="myFunction()">Submit</button>
<p id="demo"></p>
<script>
function myFunction() {
// id="numb" の入力フィールドの値を取得します。
let x = document.getElementById("numb").value;
// x が数値ではない、1 未満、または 10 より大きい場合
let text;
if (isNaN(x) || x < 1 || x > 10) {
text = "Input not valid";
} else {
text = "Input OK";
}
document.getElementById("demo").innerHTML = text;
