Блог

Цель состоит в том, чтобы иметь простой html с текстовым вводом, и когда пользователь отправляет ввод с именем пользователя instagram, puppeteer получит URL ('https://instagram.com/${username}') но я несколько дней пытаюсь передать это $ {username} из интерфейса во внутренний интерфейс, и я не могу.

HTML

 <form name="" action="">
        <input type="text" name="username" id="username">
        <input type="submit" value="submit" onclick="submitName()">
</form>
<script src="./scripts/index.js"></script>
  

index.js

 const ig = require('./instagram');
async function submitName(){
  const inputUsername = document.querySelector('#username');
  const username = await inputUsername.value
  await ig.inicialize(`https://instagram.com/${username}`)
  console.log(`https://instagram.com/${username}`);
};
  

instagram.js

 const puppeteer = require('puppeteer');

    const instagram = {
        browser: null,
        page: null,
    
        inicialize: async (url) => {
            instagram.browser = await puppeteer.launch({headless: false});
            instagram.page = await instagram.browser.newPage();
            await instagram.page.goto(url)
    }
}
        
module.exports = instagram;
  

Кто-нибудь знает, что я делаю не так? Я знаю, что должен запустить instagram.js узел, но нет способа запустить его без URL, я уже заблудился…