STUDY_html_002

　　STUDY_html_002_C.html

html
css
JavaScript

<html>

<style>　　　　　スタイル　　　　　</style>

<form name="計算">
<div class="じゅっしんすう">
<input class="じゅっしんすう"type="text"name="value="> Decimal Number
</div>
<div class="にしんすう">
<input class="にしんすう"type="text"name="value="> Binary Number
</div>
<div class="はっしんすう">
<input class="はっしんすう"type="text"name="value="> Octal Number
</div>
<div class="じゅうろくしんすう">
<input class="じゅうろくしんすう"type="text"name="value="> Hexadecimal Number
</div>
<div class="へんかん">
<input type="button"value="変換する"onclick="進数()">
</div>
</form>

<script>　　　　　すくりぷと　　　　　</script>

<form><input type="button"onclick="location.reload();"value="全てを消去"></form>
</html>

<style>
form{margin-top:40px;}
.じゅっしんすう{font-size:140%;}
.にしんすう{font-size:110%;color:#ff8c00;}
.はっしんすう{font-size:110%;color:#456789;}
.じゅうろくしんすう{font-size:110%;color:#007f6f;}
.へんかん{font-size:110%;color:#007f6f;}
</style>

<script>
function 進数(){var すうじ=parseInt(document.計算.elements[0].value);
document.計算.elements[1].value=すうじ.toString(2);
document.計算.elements[2].value=すうじ.toString(8);
document.計算.elements[3].value=すうじ.toString(16);}
</script>

　　sample_STUDY_html_002_C.pdf サンプル・ダウンロード

← Contents

STUDY_html_002_C.html

　　← Contents

　　STUDY_html_002_C.html