Open in new tab java search-CodePudding

Hi I am trying to get my code to open a new tab on the browser rather than opening in the same one so i added target="_blank" after the href but this doesnt work as i dont think it is being sent.

does anyone know how to fix this code so it works in a new window?

(and yes it is frankencode..)

thank you for your help

<script>
function changeText1(){
    var userInput = document.getElementById('userInput').value;
    var lnk = document.getElementById('lnk');
    lnk.href = "https://www.google.co.uk/search?q="   userInput ;
    lnk.innerHTML = lnk.href;
    window.location = "https://www.google.co.uk/search?q="   userInput;
}
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    var lnk = document.getElementById('lnk');
    lnk.href = "https://www.dogpile.com/serp?q="   userInput;
    lnk.innerHTML = lnk.href;
    window.location = "https://www.dogpile.com/serp?q="   userInput;
}
function changeText3(){
    var userInput = document.getElementById('userInput').value;
    var lnk = document.getElementById('lnk');
    lnk.href = "https://uk.search.yahoo.com/search?p="   userInput;
    lnk.innerHTML = lnk.href;
    window.location = "https://uk.search.yahoo.com/search?p="   userInput;
}
</script>



<input type='text' id='userInput' value=' ' />
<input type='button' onclick='changeText1()' value='google'/>
<input type='button' onclick='changeText2()' value='Dogpile'/> 
<input type='button' onclick='changeText3()' value='Yahoo'/>
<a href="" target="_blank" id=lnk </a> <br>

tried adding target to this bit <a href="" target="_blank" id=lnk

didnt work

CodePudding user response：

Maybe try adding "window.open(url, '_blank').focus();" in your function blocks.

lnk.href = "https://uk.search.yahoo.com/search?p="   userInput;
lnk.innerHTML = lnk.href;
window.open(lnk.href, '_blank').focus();
window.location = "https://uk.search.yahoo.com/search?p="   userInput;

Hard to say, try this and let me know if it works ! ??

CodePudding user response：

The a tag does not work as you are expecting. The a tag is used to encapsulate a link. What would work for having the effect that you want is to refactor your functions to look like this:

function changeText1(){
    var userInput = document.getElementById('userInput').value;
    var url = "https://www.google.co.uk/search?q="   userInput ;
    
   window.open(url, '_blank').focus();
}

Using the open method of window