2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

年末まで毎日webサイトを作り続ける大学生 〜2日目 空白削除システムを作る〜

Last updated at Posted at 2019-10-20

##はじめに
初めまして。
年末まで毎日webサイトを作っている者です。
今日はテキストから空白を削除してくれるシステムを作りました。
扱う技術レベルは低いですが、同じように悩んでる初心者の方の参考になれば幸いです。
今日は2日目。(2019/10/20)
よろしくお願いします。

##サイトURL
https://sin2cos21.github.io/day2.html

##やったこと
テキスト文から空白を除いてくれるシステムをJavaScriptで作りました↓

スクリーンショット 2019-10-20 23.50.52.png

##こだわったところ
入力欄をtextareaにすることで文章をそのままコピペすれば、改行・空白を取り除けるようにしました。
replaceメソッドを使って空白を取り除いています↓


 <script>
        function deleteBlank() {
            target = document.getElementById("output");
            text = document.forms.form1.input_text.value;
            text2 = text.replace(/\s+/g, "");
            target.innerText = text2;
        }
    </script>

htmlの方ではformとtextareaを使っています。クリックすると関数呼び出しします↓

        <form action="" name="form1">
            <textarea id="input_text" name="form1_text1" class="input_form"></textarea>
            <br>
            <br>
        </form>
        <div id="output" class="text_output">
        </div>
    </div>
    <input type="button" value="変換" onclick="deleteBlank();"> <br>

##感想
一括で空白が削除できるのはいいですね。
今度ぜひ削除パターンにバリエーションを作ってみたいです。(特定の文字の前後だけは削除しないとか)
と、そういえばgithubの方がうまくいっていなくて今僕のgitpages見れないかと思います。
早急に見れるようにしますので今しばらくお待ちください。

追記 2019/10/21
サイトは見れるようになりました。
リポジトリを削除したり何やらして、githubに直接ファイルをアップロードしました。
ソースツリー or コマンドを使って送ろうとすると “You must verify your email address.”とerror が出ます。
根本的には解決してないので今後も原因追求に努めたいと思います。

2
1
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?