screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" crossorigin="anonymous"> </head> <body> <div id="iconContainer"></div> <button onclick="addIcon()">Add Icon</button> <script> // Function to dynamically change Font Awesome icon function addIcon() { var container = document.getElementById("iconContainer"); var icons = 'fas fa-check' // Add more icons as needed var iconHtml = `This icon added in dynamic way <i class="${icons}"></i>`; container.innerHTML = iconHtml; } </script> <style> #iconContainer { font-size: 24px; color: #007bff; } </style> </body> </html>