Как из input взять значение и подставить в iframe

const myButton = document.getElementById("button");

myButton.addEventListener("click", function() {
    const name = document.getElementById("name").value;
    const iframe = document.getElementById("iframe");
    iframe.src = "https://site.ru?search=" + name;
    alert(iframe.src);
    }
);

<div class="container">
    <div class="item">
        <div class="search">
            <input type="text" placeholder="Введите название" id="name" value="">
            <button id="button">Поиск</button>
        </div>
    </div>
    <div class="iframe">
        <iframe src="" id="iframe" frameborder="0" scrolling="no" allowfullscreen="" referrerpolicy="origin" width="800" height="452"></iframe>
    </div>
</div>