Q&A
onClick で実現されたコードを質問に追記していただけませんか？
###前提・実現したいこと
そのページにいったら、javascriptに書いた内容を表示したいです。
海A、海B、海C・・・など、海のいろいろな種類をobjectにかいておいて、
それをランダムで表示させる、というプログラムを書きたいのです。
ランダムで表示させる前に海A（九十九里浜）を呼び出しするプログラムを書いてみたつもりなのですが、
実行できません、、 HTML内に代入できません。
innnerHTMLはクリック動作(onClick)とかを指定しないと書き換えできないのでしょうか？
実現したいこと
①海のテンプレートのページに飛ぶ
②ABC,,,のなかでランダムで海Aが選択される
③海Aがテンプレートに代入されてページが表示される
PHPを使ったらうまくいくとか、あるのでしょうか。
それとも、海A、海B、海Cのページをそれぞれつくるしかないのでしょうか。
###該当のソースコード
javascript
1<!DOCTYPE html> 2<html> 3 4<head> 5 <meta charset="UTF-8"> 6 <title>サンプル</title> 7</head> 8<script> 9 10</script> 11 12<body> 13<p id="name">ここに表示させたい</p> 14 15</body> 16<script> 17var sea = { 18 sea1 : { 19 name: "九十九里浜", 20 image: "sea1.jpg", 21 map: "", 22 list : { 23 big: true, 24 swim: true, 25 bbq: false, 26 park: false, 27 shower: false, 28 fishing: false, } 29 } 30} 31 32 33document.getElementById(name).innerHTML = "aaaaa"; 34 35</script> 36 37</html> 38
###試したこと
onClickで、ボタンをクリックしたら書き換え、はできたのですが、
クリックしたら書き換えではなく、そのまま表示したい
回答2件
0
onClickで書かれた内容を下記のようにonloadに書けば期待通りの動作にならないでしょうか？
javascript
1<script> 2window.onload = function() 3{ 4 onClickで書いた内容 5}; 6</script>
投稿2016/05/02 05:24
編集2016/05/02 05:59
退会済みユーザー
総合スコア0
0
ベストアンサー
innnerHTMLはクリック動作(onClick)とかを指定しないと書き換えできないのでしょうか？
document.getElementById(name).innerHTML = "aaaaa";
が
document.getElementById("name").innerHTML = "aaaaa";
ではないでしょうか？
投稿2016/05/02 05:21
編集2016/05/02 05:22
総合スコア124
あなたの回答
tips
プレビュー
