数字のランダムを文字列にしたい （HTML ,Javasrictのみを使って実装希望）

Question

追加質問
スタートを２回押すとストップが押せないバクにはどのように対処したら良いでしょうか！！

https://jsfiddle.net/chihiroemechi/fwd5Ls9t/

上のサンプルコードのようにランダムで数字を回したいのですが
それを数字じゃなくて文字列にしたいのですが、どうコードをいじればいいでしょうか。

下記で文字列をランダムにできるかなと思ったけどできませんでした。

const spotList = ['あいうえおかきくけこ', 'かきくけこ', 'なにぬねの'];
// スタートボタンを押したときの処理
function clickedStart() {
    'use strict';
    isStart = true;
    startBtn.disabled = true;
    intervalID = setInterval(function() {
        if(isStart === true) {
            place = spotList[Math.floor( Math.random() * spotList.length )];
            roulette.className = 'name';
            document.getElementById("isPlace").innerHTML = place;
        }
    }, 100);
}

Comments

[yambejp]

spotList はどう使うのですか？
表示枠が１つしかないのに要素は3つあるの？

[ikikikoko]

スタートをを押すとランダムでspotListの内の文字列が動き出しストップを押すと止まるという仕様にしたいです。もしコードの書き方があれば教えて頂きたいです。

[yambejp]

長さの違う（可能性のある）指定した文字列がランダムに表示されるのですね？

[m.ts10806]

>Javasrict
「JavaScript」です。
ただ、「Ruby on Rails」がタグにあることで方向性が不明になっています。
関係あるなら関連性を明示すべきで、関係ないなら外すべきです。

Answer 1

サンプルを少し改良するだけで可能です。

JSFiddleサンプル

サンプルから関数名やらセレクターやらを変更しているので、その辺がHTMLと合致していないのでは。

Comments

[ikikikoko]

ありがとうございます。スタートを２回押すとストップが押せないバクにはどのように対処したら良いでしょうか

[hatena19]

スタートクリックにスタートボタン.disabled = true
ストップクリックにスタートボタン.disabled = false
を追加すればいいでしょう。

[ikikikoko]

<input type="button" value="スタート" id="start1" disabled="true" onclick="start1();"/>

ボタンに付与すればいいのですか？

[hatena19]

https://jsfiddle.net/rcsazbhk/

Answer 2

const spotList = ['あいうえおかきくけこ', 'かきくけこ', 'なにぬねの'];
function start() {
  roulette = setInterval(function() {
    var idx = Math.floor( Math.random() * spotList.length );
    document.getElementById("roulette").innerHTML = spotList[idx];
  }, 100);
}

Comments

[yambejp]

元のソースにこれを当てはめてもstopボタン押せないですけどね・・

Answer 3

乱数による文字列選択はそれで合ってます。

他の部分がおかしいかどうかは、これだけの部分では分かりません。