Extensión simple de Chrome de JavaScript - Abrir una URL - modificada desde el texto de entrada
Estoy tratando de usar el código de abajo para hacer una extensión de cromo simple, para tener texto de entrada, y un botón, y al hacer clic en un botón, quiero abrir una URL específica. Estoy teniendo problemas para escribir el código. Soy bastante nuevo en JavaScript.
<!doctype html>
<html>
<head>
<title>Title Name</title>
<style>
body {
min-width: 357px;
overflow-x: hidden;
}
img {
margin: 5px;
border: 2px solid black;
vertical-align: middle;
width: 75px;
height: 75px;
}
</style>
</head>
<body>
<input type="text" name="enter" class="enter" value="67" id="lolz" />
<button type="button" id="the_button">LookUp Site ID</button>
<script src="popup.js"></script>
</body>
</html>
popup.js - Actualizadovar VanillaRunOnDomReady = function() {
document.getElementById('the_button').addEventListener('click', myFunction);
function myFunction() {
var siteid = document.getElementById('lolz').value
//window.location = "https://www.websiteimusing.com/siteid" + siteid;
chrome.tabs.create({ url: "https://www.websiteimusing.com/siteid" + siteid});
}
}
}
Manifest.json{
"manifest_version": 2,
"name": "ID URL opener",
"description": "Enter ID and it will pull up the correct URL",
"version": "1.0",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": ["tabs"]
}
Error actual - actualizadoNo está rellenando un error, simplemente nunca se carga realmente la URL al hacer clic en el botón, ¿alguna idea?