myscript.js

var button = document.getElementById('myButton');
var modal = document.getElementById('myModal');
var cls = document.getElementById('myClose');
var test = document.getElementById('test')
var content = document.getElementById('myContent')


button.onclick = function() {
    modal.style.display = "block";
    setTimeout(opacity1, 100);
}

cls.onclick = function() {
    content.style.opacity = '0';
    setTimeout(cls1, 1000);
}

function cls1() {
    modal.style.display = "none";
}

test.onclick = function() {
    test.style.backgroundColor = 'red';
    test.style.marginLeft = '100px';
    test.style.marginTop = '100px'
}

content.onclick = function() {
    modal.style.display = 'block';
}

function opacity1() {
    content.style.opacity = '1'
}