文字に対応するURLを表示

文字を入力するとその文字に対応するURLのリンクを表示します。文字を一部でも入力すればすべて表示されるようにしました　現在登録されているURL数は7個です。　Google、なでしこ、初音ミクの文字に対応してます

エディタ

プログラム

# 対応する文字とURLの辞書（ハッシュ）
辞書は｛
  "なでしこ": "https://nadesi.com/"
 "なでしこ Discord": "https://discord.com/invite/FAtjTQr3kk",
  "Google": "https://www.google.com"
  "Google map": "https://www.google.co.jp/maps"
 "Google Gemini": "https://gemini.google.com/"
  "全国初音ミク支援協会": "http://hatsunemikusa.web.fc2.com/"
  "初音ミク公式ブログ": "https://blog.piapro.net/"
｝

入力文字は、「調べたいサイト名を入力してください」と尋ねる。

# 見つかったリンクの数を数える変数を準備
見つかった件数 ＝ 0

# 辞書からすべてのキーワードを取り出す
キーリスト ＝ ハッシュキー列挙(辞書)

キーリストを反復
    登録単語 ＝ 対象
    
    # 登録単語の中に、入力文字が「何文字目」にあるか調べます。見つかれば1以上の数値が返ります
    位置 ＝ 何文字目(登録単語, 入力文字)
    
    もし、位置が0超ならば
        # 該当するURL（空白で繋がった文字列）を取り出す
        URL連結文字列 ＝ 辞書[登録単語]
        
        # スペースで区切って、URLのリスト（配列）に分解する
        URLリスト ＝ 区切り(URL連結文字列, 「 」)
        
        # 「反復」を使って1つずつ処理する
        URLリストを反復
            URL = 対象
            
            # リンクの文字を、見つかった言葉（登録単語）に合わせて作成
            txt = 「{登録単語}のサイトを開く」
            
            # 関数を呼び出す
            リンク作成。
            
            見つかった件数 ＝ 見つかった件数 ＋ 1
        ここまで。
    ここまで。
ここまで。

# 1つも見つからなかった場合の判定
もし、見つかった件数が0ならば
    「『{入力文字}』に対応するサイトはありません。」と表示。
ここまで。

●リンク作成
    # 1. 「a」タグの要素を作る
    EL ＝「a」をDOM要素作成。
    
    # 2. 属性を設定する
    ELの「href」にURLをDOM属性設定。
    ELの「target」に「_blank」をDOM属性設定。
    ELにtxtをテキスト設定。
    
    # 3. 表示領域（DOM親要素）に追加する
    DOM親要素へELをDOM子要素追加。
    
    # 改行も追加して見やすくする
    改行EL ＝「br」をDOM要素作成。
    DOM親要素へ改行ELをDOM子要素追加。
    
    ELで戻る。
ここまで。

実行結果

保存

プログラムを保存

表示ページ

直前に実行または一時保存した内容を復元

実行環境

なでしこバージョン

素材

画像・音声・データ

ログインすると素材をアップロードできます。

🍯 プログラム貯蔵庫

プログラム

プログラムを保存

なでしこバージョン

画像・音声・データ