はじめましてjavascript初心者のものです。
2箇所に配置されてる各画像をランダムに表示したく、以下宣言をしてますがどうしても2箇所目が表示されません。お手数ですが、教えてください!
2箇所目をrandWrite_sとして名前を変更してます。
▼▼▼▼▼▼▼▼▼▼▼▼meta内タグ▼▼▼▼▼▼▼▼▼▼▼▼
<script type="text/javascript">
<!--
// ランダムに画像を表示する1箇所目
var randObjects=[
'<a href="#"><img src="/images/ad_banner01.gif"></a>',
'<a href="#"><img src="/images/ad_banner02.gif"></a>',
'<a href="#"><img src="/images/ad_banner03.gif"></a>'
];
function randWrite() {
var rr = parseInt(Math.random() * randObjects.length);
document.write(randObjects.slice(rr)[0]);
randObjects.splice(rr,1);
}
//-->
</SCRIPT>
<script type="text/javascript">
<!--
// ランダムに画像を表示する2箇所目
var randObjects=[
'<a href="#"><img src="/images/ad_banner01_s.gif"></a>',
'<a href="#"><img src="/images/ad_banner02_s.gif"></a>',
'<a href="#"><img src="/images/ad_banner03_s.gif"></a>'
];
function randWrite_s() {
var rr = parseInt(Math.random() * randObjects.length);
document.write(randObjects.slice(rr)[0]);
randObjects.splice(rr,1);
}
//-->
</SCRIPT>
▲▲▲▲▲▲▲▲▲▲▲▲meta内タグ▲▲▲▲▲▲▲▲▲▲▲▲
▼▼▼▼▼▼▼▼▼▼▼▼body内タグ▼▼▼▼▼▼▼▼▼▼▼▼
<p><script type="text/javascript">randWrite();</script></p>
<p><script type="text/javascript">randWrite_s();</script></p>
▲▲▲▲▲▲▲▲▲▲▲▲body内タグ▲▲▲▲▲▲▲▲▲▲▲▲
No.1ベストアンサー
- 回答日時:
間違ってたら、すいません。
二つ目のvar randObjectsは、randObjects_sでなくて良いのでしょうか?
<script></script>は、複数に分けてかいても、一つの空間にしかならないようなかんじがしますので、二つ目のvar randObjectsの定義で前のが上書きされているか、もしくは二つ目がエラーになって、randWrite_s()が巻き込まれて未定義になっているのかも知れません。
ありがとうございました!
名前をvar randObjectsになってる箇所をrandObjects_sにすると
正常に反映しました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
JavaScriptのhistory.back(戻...
-
C言語のポインタ表現
-
クリックして変更した画像を他...
-
c++std::string型をTCHARに変換...
-
クリックすると小さい画像がキ...
-
javascriptテキストBOX色を元に...
-
MAX関数を使ってからLEFT JOIN...
-
IFRAMEの表示/非表示を切り替え...
-
フッターの下に隙間ができてしまう
-
jQuery多層式アコーディオンメ...
-
背景色と連動するスライドショ...
-
表示・非表示のスクリプトで、...
-
removeEventListenerについて
-
1枚の画像をクリックすると複数...
-
【CSS】floatで左右に並べた...
-
スライドショー「Skitter」をカ...
-
アコーディオンメニューが開い...
-
フッター上部に謎の隙間
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
C言語のポインタ表現
-
クリックするたびに画像を変える
-
ランダム表示の画像位置
-
教えて下さい。ランダムにバナ...
-
javascriptで複数の画像をラン...
-
1つの画像クリックで切替の方法
-
WSHでクリップボードにイメージ...
-
【初心者】UWSCでjavascriptで...
-
クリックした自身の画像を別画...
-
onとoffを画像でチェンジ、チェ...
-
Excel VBA マクロ 画像(...
-
「戻る」「進む」ボタンで画像...
-
javascriptによる画像切り替え...
おすすめ情報