Setting.a変数は、それを変更し、その後、

Question

が、私はそれを作るしようとしているURLとして読み込むようにすることができます：

1.入力フォームにURLを入力します（達成）
2.私の選択の接頭辞と接尾辞をurl（接頭辞= "http：//"; postfix = "/ postfixtexthere"）に追加します。
3.完全なURL（または値 'urlToLoad'ブラウザ

第1警告が働いても第2警告が機能しないため、変数 'urlToLoad'が正しいかどうかわかりません。

私の質問は以下の通りです：
1.変数 'urlToLoad'は正しいですか？入力ボックスに入力された内容に適応しますか？
2.変数 'urlToLoad'をウェブブラウザでウェブサイトとして読み込むにはどうしたらいいですか？

うまくいけば私はすでに多くの作業を済ませていたと思います。アドバイスをいただきありがとうございます。

function checkDomain() { 
 
    
 
    alert('function executed successfully'); 
 
    
 
    
 
    var testInput = document.getElementById("checker"); 
 
    var testUrl = textInput.value; 
 
    var urlToLoad = "http://" + testUrl + "/postfixtexthere"; 
 
    
 
    alert(urlToLoad); 
 
    
 

 
// instructions 
 
\t // var urlToLoad = PUT VAR ‘testUrl’ INTO THIS URL, REPLACING ‘__________’: http://__________/postfixtexthere 
 
\t 
 
\t // THEN LOAD THE URL AS A LINK IN A WEB BROWSER 
 
}

.cta-button, a.cta-button { 
 
\t border-radius: 6px; 
 
\t padding: 10px 20px; 
 
    border: 1px solid #393939; 
 
    cursor: pointer; 
 
    background: #ff0; 
 

 
    display: inline-block; 
 
    text-align: center; 
 
}

<p>text above the input type</p> 
 
     <div id="misc"> 
 
      <input type="text" placeholder="Enter url" id="checker" value="thisdomain"> 
 
     </div> 
 
     <a class="cta-button" onclick="checkDomain()">Check Link</a>

Answer 1

あなたの地元でこれを実行すると、それが新しいウィンドウで

function checkDomain() { 
 
    
 
    alert('function executed successfully'); 
 
    
 
    var testInput = document.getElementById("checker"); 
 
    var testUrl = document.getElementById('checker').value; 
 
    var urlToLoad = "https://" + testUrl + "/postfixtexthere"; 
 
    
 
    alert(urlToLoad); 
 
    window.open(urlToLoad); 
 
    
 

 
// instructions 
 
\t // var urlToLoad = PUT VAR ‘testUrl’ INTO THIS URL, REPLACING ‘__________’: http://__________/postfixtexthere 
 
\t 
 
\t // THEN LOAD THE URL AS A LINK IN A WEB BROWSER 
 
}

.cta-button, a.cta-button { 
 
\t border-radius: 6px; 
 
\t padding: 10px 20px; 
 
    border: 1px solid #393939; 
 
    cursor: pointer; 
 
    background: #ff0; 
 

 
    display: inline-block; 
 
    text-align: center; 
 
}

<p>text above the input type</p> 
 
     <div id="misc"> 
 
      <input type="text" placeholder="Enter url" id="checker" value="thisdomain"> 
 
     </div> 
 
     <a class="cta-button" onclick="checkDomain()">Check Link</a>