Pkun
@Pkun

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

Javascriptの使い方がわからないんですが

Q&A

Closed

解決したいこと

とある掲示板でサイト開くと
ドラクエみたいな文字がタララ、タラララみたいな感じで
流れるサイトを作りたいって言ったら、こんなコードを頂きました

<span id="rpg"></span>
<script>
const moji = "ここに表示させたい文字を入力。";
let i = 0;
let id = setInterval(() => {
if(moji.length > i) {
clearInterval(id);
return;
}
document.getElementById("rpg").innerText += moji.at(i++);
}, 100);
</script>

実際自分のサイトのbodyの閉じタグの前にこのコードをそのまま置いたんですが動きませんでした。
javascriptを使う時は何か読み込むものとか必要でしょうか?
置く場所が間違ってるんでしょうか?
分かる方どうかよろしくお願いしますm(_ _)m

0

2Answer

if文の条件が正しくなさそうです。
現状だと初期状態でmoji.length(15) > i(0)とif文の中に入ってしまって処理が終わってしまっています。
以下のように修正することで正しく動くことが確認できました。

<span id="rpg"></span>
<script>
  const moji = "ここに表示させたい文字を入力。";
  let i = 0;
  let id = setInterval(() => {
-   if(moji.length > i) {
+   if(moji.length <= i) {
      clearInterval(id);
      return;
    }
    document.getElementById("rpg").innerText += moji.at(i++);
  }, 100);
</script>

See the Pen Untitled by yotty (@yotty) on CodePen.

3Like

Comments

  1. @Pkun

    Questioner

    神様と思ってしまいます!ありがとうございますm(_ _)m
    このコードをとある自分の仕事のサイトに活用しようと思ってたんです!
    本当にありがとうございますm(__)m

Comments

  1. @Pkun

    Questioner

    エラーは全く出ませんというか表示すらされませんでしたが解決したのでよかったら以後のご回答をご覧になってください♪

Your answer might help someone💌