進数てすと

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>進数てすと</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>

<div class="container">
  <h1></h1>
</div>
<form name="js">
二進数:<input type="text" name="txtb" value="" readonly><br>
答え:<input type="text" name="txtc" value=""><br>
<input type="button" onclick="syutu()" value="出題">
<input type="button" onclick="syutu2()" value="出題Lv2">
<input type="button" onclick="syutu3()" value="出題Lv3">
<input type="button" onclick="saite()" value="採点">
</form>
<script>
function syutu(){
ransuu = Math.floor(Math.random()*16);
//乱数は、0-15
kotae = document.js.txtc.value;
//答えは、答え欄に入力された数
document.js.elements[0].value=ransuu.toString(2);
}
function syutu2(){
ransuu = Math.floor(Math.random()*16)+16;
kotae = document.js.txtc.value;
document.js.elements[0].value= ransuu.toString(2)
}
function syutu3(){
ransuu = Math.floor(Math.random()*32)+32;
kotae = document.js.txtc.value;
document.js.elements[0].value=ransuu.toString(2)
}
function saite(){
kotae=parseInt(document.js.txtc.value);
if(ransuu == kotae){
alert("正解!")
}else{
alert("違います。")
}
}
</script>
出題Lv1:0-15の範囲で出題されます<br>
出題Lv2:16-31の範囲で出題されます<br>
出題Lv3:32-63の範囲で出題されます
</body>
</html>

@charset "UTF-8";

body {
  background: #f8f8f8;
}
window.addEventListener('load', function() {
  document.querySelector('h1').innerHTML = '進数てすと';
}, false);
Full page Open in App

4 months ago

二進数力を試せます。結構前に作りました。

Pages


comments powered by Disqus