如何移动ul div显示块

<style>
    @media (max-width: 768px) {
        ul {
            display: none;
        }
        div {
            display: block;
        }
    }
    @media (min-width: 769px) {
        ul {
            display: block;
        }
        div {
            display: none;
        }
    }
</style>

<script>
    window.addEventListener('resize', function() {
        var ul = document.querySelector('ul');
        var div = document.querySelector('div');
        if (window.innerWidth < 769) {
            ul.style.display = 'none';
            div.style.display = 'block';
        } else {
            ul.style.display = 'block';
            div.style.display = 'none';
        }
    });
</script>