Creare elementi html con javascript

[Fra_23]

Salve,
spero mi possiate aiutare: vorrei creare un codice che inserendo l'url di una pagina web crei un iframe dell'url in questione.
Grazie mille

 

[Fra_23]

Il codice html sarebbe qua:

https://codepen.io/Html_source/pen/JjWXZKV

, schiacciando su crea si crea un iframe, la mia domanda è se qualcuno è capace ad assegnare all'input dell'url un variabile e quindi con un DOM quando si schiaccia crea si crea un iframe con come url la variabile inserita.
Grazie mille

 

[iTonto]

Così ad occhio...

const iframeURL = 'https://www.example.com';
const creaBtn = document.querySelector('.button');

const creaIframe = () => {
    const iframe = document.createElement('iframe');
    iframe.setAttribute('src', iframeURL);
    document.body.insertAdjacentHTML('afterbegin', iframe);
};

creaBtn.addEventListener('click', creaIframe);

 

[McLeanerGla]

c'è su youtube come creare quello che ti serve vai e trova, buona fortuna