​x
 
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Conditional Rendering Example</title>
</head>
<body>
    <div id="container"></div>
    <button onclick="toggleContent()">Toggle Content</button>
​
    <script>
        var isVisible = false;
​
        function toggleContent() {
            var container = document.getElementById('container');
            container.innerHTML = '';
​
            if (isVisible) {
                container.innerHTML = '<p>Content is visible.</p>';
            } else {
                container.innerHTML = '<p>Content is hidden.</p>';
            }
​
            isVisible = !isVisible;
        }
    </script>
</body>
</html>