Changeable href

<input id="input" type="url"></input>
<button id="link button"><a id="link" style="text-decoration: none; color: inherit;" href="" TARGET="_BLANK">enter</a></button>
<script src="script.js">
    var linkButton = document.getElementById("link button")
    linkButton.onclick = function(){
        var input = document.getElementById("input").value
        document.getElementById("link").setAttribute("href", "http://"+input)
    }
</script>

Similar codes

0 vote176 views2 answers
Simple dashboard html template
Html
0 vote192 views1 answer
Checkbox onchange vue
Html
19 votes186 views4 answers
How to put text in the middle of a page html
Html
0 vote178 views2 answers
Mobile app
Html
0 vote190 views1 answer
Html enlace
Html
0 vote220 views1 answer
<body> tag
Html
2 votes196 views3 answers
Emoji icon html
Html
0 vote195 views1 answer
Twig last
Html
9 votes184 views3 answers
Express return html file
Html
7 votes192 views1 answer
Jquery select by element
Html