[Ubivectel]

Привет мир!

Имеется простенькая форма с инпутом и кнопкой:

<form>
            <p class="flex">Режим защиты от спама
                <input id="pass-kide" type="text" name="" value="">
				<input id="pass-btn" type="submit" value="Ok">
            </p>
        </form>

задача что бы при клике на "pass-btn" скрипт удалял со страницы див с айди "secure", а в див

<div id="form-kide"></div>

Вставлял вот такую строку

<?php include "kide.form.hide.php"; ?>

Кое как написал это:

let formKide = document.querySelector('#form-kide')
    let btnKide = document.querySelector('#pass-btn').onclick = myClick;
    
    function myClick() {
        let inputKide = document.querySelector('#pass-kide').value;
        if (inputKide == 'xxx') {
            document.querySelector('#secure').remove();
            formKide.innerHTML = '<?php include "kide.form.hide.php"; ?>';
            
        };
    };

Див удаляет, а вот php вставлять не хочет и наверное нужно что бы сохранял эти изменения в localStorage