javascript - ユーザー入力に基づいてテキスト入力フィールドにさまざまなリンクを開くにはどうすればよいですか

Question

これが非常に難しいとは想像できませんが、これを行うための最良の方法を見つけようとしてきましたが、正直なところ完全に迷っています。今、私はイライラしているので、これを正確に行う方法を知っている人が私を助けてくれれば素晴らしいと思います.

ユーザーの入力テキストに応じて異なるリンクを開く、html スクリプトに埋め込むことができるテキストボックスが必要です。

だから英語でここに私が必要とするものの基本があります. 私は困惑しているので、動作するスクリプトは非常に高く評価されます。

* stands for “any characters”


If text input contains    bbb   open link htttp://example1.com/bbb

otherwise

If text input contains   *zzz*  open link htttp://example2.com/something-predefined*zzz*

otherwise

If text input contains   *xxx* open link htttp://example3.com/something-predefined*xxx*

otherwise 

 If text input contains     *   open link htttp://example3.com/*

Answer 1

擬似コード:

function parmatch(input):
  if input matches /^bbb$/
    open 'http://example1.com/{input}'
    return
  if input matches /zzz/
    open 'http://example2.com/something-predefined{input}'
    return
  if input matches /xxx/
    open 'http://example3.com/something-predefined{input}'
    return

JavaScript の正規表現に関する MDN の記事

Answer 2

より完全な答えを得るには、次のことをお勧めします。

var btn = document.getElementById('fire'),
    input = document.getElementById('demo'),
    output = document.getElementById('output'),
    pageMap = {
        'aaa' : 'pageA',
        'bbb' : 'pageB',
        'ccc' : 'pageC'
    };

function loadPage (input, output, map) {
    var v = input.value,
        url = 'http://example.com/',
        text = 'textContent' in document ? 'textContent' : 'innerText';
    for (var i in map) {
        if (map.hasOwnProperty(i) && v.indexOf(i) > -1) {
            // the following shows the URL you'd end up with
            output[text] = url + map[i];
            // to *load* the URL, remove the above line,
            // and uncomment the following:
            // window.location = url + map[i];
        }
    }
}

btn.addEventListener('click', function(e){
    e.preventDefault();
    loadPage(input, output, pageMap);
});

JS フィドルのデモ。

ただし、この回答は、JavaScript の学習を避けるように勧めるものではありません( Ignacio の回答へのコメントで示唆されているように)。少なくとも、私が以下に提供した参考文献を読んでください。

参考文献:

• document.getElementById().
• Element.addEventListener().
• event.preventDefault().
• for...inループ。
• JavaScript オブジェクト構文。
• window.location.

Answer 3

    the following code only example for what you ask. here change the <a href=""> for console.

<input type="text" id="picker" />

    $('#picker').keyup(function() {
      var value = $("#picker").val();
         if(value == "1")
         {
             console.log("go to home");


         }
            else if(value == "2")
            {
                console.log("go to login");
            }
            else
                alert("plz enter valid input");
      })