2箇所の画像をランダムに複数表示

質問

はじめまして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

unacyo · ベストアンサー

間違ってたら、すいません。

二つ目のvar randObjectsは、randObjects_sでなくて良いのでしょうか？
<script></script>は、複数に分けてかいても、一つの空間にしかならないようなかんじがしますので、二つ目のvar randObjectsの定義で前のが上書きされているか、もしくは二つ目がエラーになって、randWrite_s()が巻き込まれて未定義になっているのかも知れません。

お礼

ありがとうございました！
名前をvar randObjectsになってる箇所をrandObjects_sにすると
正常に反映しました。