webサイト制作の勉強|2017月7月クラスブログ

webサイト制作の勉強に関する解説ブログです。

Javascript 演習問題

Javascript演習問題


サムネール(5個)にマウスを乗せたとき、メイン画像が変化するように記述しなさい。(画像、記述方法は自由)


今日の西暦年月日曜日(〜年〜月〜日〜曜日)を表示させなさい。


入力された値が5の倍数かどうかを判別する記述をボタンを押したときに表示させなさい。


1〜100までの合計を、DOMの記述を使ってボタンを押したときに表示させなさい。

<h1>1から10までの合計を求める</h1>
<p><button onClick="action()">ボタンを押すと実行</button></p>
<p id="ans">ここに表示する</p>
<script>
function action(){
  var total=0;
  for(var i=1; i<=10; i++){
    total+=i;
  }

  var str=document.getElementById('ans');
  str.textContent='合計は、「'+total+'」です。';
  
}
</script>

おみくじをDOMのdocumentオブジェクトを使って作りなさい。