html created using create.js file
<div id="mode"></div>
if predefine html works
<div class="install-align">
<div class="switch right">
<div class="divider"></div>
<p>
<i class="add-text ">We take very little space</i>
<a class="add-button waves-effect red waves-light btn white-text right install">INSTALL APP
<i class="material-icons right ">cloud</i>
</a>
<label>
READING MODE
<input type="checkbox" onclick="darkMode()">
<span class="lever"></span>
</label>
</p>
</div>
</div>
crate.js code (half of code)This particular class isn't accessible by install.js particularly .add-button
window.addEventListener("DOMContentLoaded",(e) =>{
var ins = document.createElement('A');
ins.id = 'm6';
ins.className = 'add-button waves-effect red waves-light btn white-text right install';
ins.textContent = 'INSTALL APP';
document.getElementById('m4').appendChild(ins);
}
install.js
let deferredPrompt;
const addBtn = document.querySelector('.add-button');
addBtn.style.display = 'none';
const addTxt = document.querySelector('.add-text');
addTxt.style.display = 'none';
window.addEventListener('beforeinstallprompt', (e) => {//code here});