かけcalke

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>かけcalke</title>
  <link rel="stylesheet" href="style.css" />
</head>
<font color="lime"><sb>書くcalck 2</sb> &#65392;<sb>書く計算機カルック 2</sb>&#65392;</font>
<body>

<div class="container">
  <h1></h1>
</div>
<hr>
<form name="calc" onSubmit="calc_run(); return false;">
<input name="siki" type="search" size="25">
<input type="submit" value="計算する!">
<!-- 音声ファイルの読み込み 9〜10行目にURLを指定 -->
<audio id="sound-file" preload="auto">
	<source src="http://maoudamashii.jokersounds.com/music/se/mp3/se_maoudamashii_se_pc01.mp3" type="audio/mp3">
	<source src="http://maoudamashii.jokersounds.com/music/se/wav/se_maoudamashii_se_pc01.wav" type="audio/wav">
</audio>
<div id="rireki"></div>
<script type="text/javascript">
rrk = "";

function calc_run() {
	var s = document.calc.siki.value;
	rrk = '<font color="white">' + s + " = <font color='lime'>" + eval(s) + '</font><font size="1">です!</font><br>' + rrk;
	document.getElementById("rireki").innerHTML = rrk; 
	document.getElementById( 'sound-file' ).play() ;
}
</script>
</form>
<font color="white">
<table border="5">
<tr>
<td>
<sb>説明</sb>:上の<input name="siki" type="search" size="25">に式を入力して検索または隣の「計算する!」ボタンを押しましょう。<br>
<sb>面白いやり方</sb>:<input name="siki" type="search" size="25">に「alert("a");」などと入力して検索または隣の「計算する!」ボタンを押すと…?
<tr>
<td>禁止事項:最後に=をつけてはいけません。<br>アップデート一覧<font size="2"><br>
ver1.0 初期状態。<br>
ver1.1 ボタンの文字を変更した。<br>
ver1.2 注意事項を追加した。<br>
ver1.3 囲いを追加した。<br>
ver1.3.1 囲いを太くした。<br>
ver2.0 答えの後に「です!」を追加した。<br>
ver2.1 試行錯誤を繰り返して「です!」を小さくした。</br>
ver2.2 アップデート一覧の一部を訂正した。<br>
ver3.0 式を入力する欄の長さを短くした。<br>
ver3.0.1 式を入力する欄の長さを少し長くした。<br>
ver3.0.2 アップデート一覧の一部を訂正した。<br>
ver4.0 背景の色を変更した。<br>
ver4.1 答えの色を変更した。<br>
ver4.1.1 文字の色と式の色も変更した。<br>
ver4.1.2 文字のフォントを変更した。<br>
ver5.0 ボタンを押した時音が出るようにした。<br>
ver5.1 アップデート一覧の一部を訂正した。<br>
ver5.1.1 注意事項を訂正、名前を禁止事項に変更した。
<br>
ver5.2 効果音の提供者を追加した。<br>
ver5.2.1 提供者の感謝を追加した。<br>
ver6.0 一番上にタイトルを追加した。<br>
ver6.0.1 誤字を修正した。<br>
ver6.1 製品版とした。<br>
ver6.2 名前を変更した。<br>
ver6.3 改行を追加した。<br>
ver6.4 最後の文章を削除した。<br>
ver0.6.5 バージョン形式を変更した。<br>
あ、ここからはもう0.6.5みたいなの書きません。<br>
==製品版ver==<br>
ver2.0β(6.1) 製品版初期状態。<br>
ver2.0.1β(6.2) 上に表記。<br>
ver2.0.2β(6.3) 上に表記。<br>
ver2.0.3β(6.4) 上に表記。<br>
ver0.2.3β(0.6.5) 上に表記。<br>
ver0.2.4β 上の文章を変更した。<br>
==正式ver==<br>
ver0.1.0 正式初期状態。<br>
ver0.1.1 数式を入力する<input>を<input type="search">に変更した。<br>
ver0.1.2 説明を追加。そして、アップデート一覧の一部を訂正した。<br>
ver0.1.3 アップデート一覧の一部を訂正した。感謝の漢字も訂正した。<br>
ver0.1.4 何年ぶりだろうか、と言うほど古くない(2年前)が、フォントを追加した。<br>
==正式2ver==<br>
ver0.0.1 正式2初期状態。あと色々追加。もうすぐリメイクかもしれない。<br>
効果音:魔王魂さん<br><font size="1">
魔王魂さん、ありがとうございます!
</table>
</body>
</html>

@charset "UTF-8";

body {
  background: green;
  font-family: menlo;
}

sb {
  font-family: smilebasic;
}
window.addEventListener('load', function() {
  document.querySelector('h1').innerHTML = 'かけcalke';
}, false);
Full page Open in App

about 1 year ago

書く計算機2 (ver 0.0.1)

Pages


comments powered by Disqus