javascript - 设置输入类型的变量，更改它，然后作为 URL 加载

Question

我正在努力让您能够:

(已实现)1.在输入表单中输入一个url
2.将我选择的前缀和后缀添加到网址(prefix = "http://"; postfix = "/postfixtexthere")
3.将完整的 url(或值“urlToLoad”)加载到网络浏览器中

我不确定变量“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
	// var urlToLoad = PUT VAR ‘testUrl’ INTO THIS URL, REPLACING ‘__________’: http://__________/postfixtexthere
	
	// THEN LOAD THE URL AS A LINK IN A WEB BROWSER
}

.cta-button, a.cta-button {
	border-radius: 6px;
	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

尝试在本地运行它，它应该在新窗口中打开 URL

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
	// var urlToLoad = PUT VAR ‘testUrl’ INTO THIS URL, REPLACING ‘__________’: http://__________/postfixtexthere
	
	// THEN LOAD THE URL AS A LINK IN A WEB BROWSER
}

.cta-button, a.cta-button {
	border-radius: 6px;
	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>