Javascript 在“新建”选项卡中打开输入字段的值。我想实时更改输入字段的值

我有一个输入字段和一个按钮。输入字段在加载时有一个值，但我想在页面加载后更改该值，然后单击按钮将该值用作新选项卡中的url。我是javascript新手，任何输入都会有帮助。提前谢谢

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <input type="text" id="box" value="http://google.com" width="100%" />
</td>
    <td>
    <button id="newtab1" value = "Search" style="position: absolute;">New Tab</button>
    </td>
  </tr>
</table>

新标签页

将onclick属性添加到按钮

<button id="newtab1" value = "Search" style="position: absolute;" onclick="MyFunction();">New Tab</button>

新建选项卡

然后让您的函数处理输入

<script>
function MyFunction(){
    var url = document.getElementById('box').value
    window.open(url);
}   
</script>

函数MyFunction（）{
var url=document.getElementById（'box'）。值
窗口打开（url）；
}   

document.onload=function（）{
var url=“您的url”
document.getElementById（“box”）.value=url；
}
函数myFunction（）{
Window.open（document.getElementById（“box”）；
}
新标签页

如果您展示了您已经尝试过的代码，我们可以帮助您改进。请阅读。关键短语：“搜索、研究”和“解释……任何阻碍您自己解决问题的困难”。没有发生任何事情。我必须将console.log改为window.open，它可以工作……感谢您的指导

document.onload=function(){
var url ="your url "
document.getElementById("box").value=url;
}
function myFunction(){
Window.open(document.getElementById("box");
}
<button id="newtab1" value = "Search" style="position: absolute;" onclick="myFunction();">New Tab</button>