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

2 votes137 views1 answer
Icon for about us font awesome
Html
2 votes200 views3 answers
Auto update copyright year html
Html
0 vote140 views2 answers
Block elements
Html
1 vote151 views1 answer
Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
Html
27 votes210 views6 answers
Html radio button checked
Html
3 votes165 views1 answer
Bootstrap hero header
Html
5 votes148 views4 answers
Disable text selection html
Html
0 vote146 views1 answer
How do i link two pages in html
Html
0 vote143 views1 answer
Colspan vertical
Html
0 vote161 views1 answer
How to make option colour black in html
Html