Javascript Chrome扩展-从用户处获取输入并附加到网站以在新选项卡中打开它们

嗨，我正在创建一个google chrome扩展，它将接收用户的输入，并将输入附加到javascript文件中的某些特定URL，然后在新选项卡中打开这些网站。但它不起作用。我正在这里粘贴我的扩展名popup.html和popup.js文件。 我做错了什么

document.addEventListener（'DOMContentLoaded'，function（）{
document.querySelector（'Submit_btn'）。addEventListener（'click'，main）；
函数myFunction（）{
var x=document.getElementById（“frm1”）；
var text=x.elements[0]。值；
if（text.localeCompare（“一”）==0）{
var t=x.elements[1]。值；
窗口打开（“https://www.example.com/“+t）；
窗口打开（“https://www.example.com/“+t）；
窗口打开（“http://www.example.com/“+t）；
}else if（text.localeCompare（“两个”）==0）{
var t=x.elements[1]。值；
窗口打开（“https://www.example.com/“+t）；
窗口打开（“https://www.example.com/“+t）；
窗口打开（“https://www.example.com/“+t）；
}
}
});

一个
两个


查询：

提交
查看类似问题。使用而不是
窗口。打开
。没有名为
main
的函数。此外，您不能在chrome扩展中使用内联Javascript。右键单击扩展的图标并选择“检查弹出窗口”，检查弹出窗口中的错误。我尝试调试它，但无法调试。你能为我的澄清写一个示例代码吗。我是chrome扩展开发的新手