Dynamically Changing Element Inline Styles

function setElementInlineStyles(elementId, styles) {
  const element = document.getElementById(elementId);
  if (element) {
    for (const property in styles) {
      if (styles.hasOwnProperty(property)) {
        element.style[property] = styles[property];
      }
    }
  }
}

How it works: This function takes an element's ID and an object of CSS properties and values. It iterates through the provided styles object and applies each style directly to the element's `style` property. This allows for precise inline style control, enabling dynamic visual updates based on application logic or user interactions.