CloseTag | الشروحات | Java Script | تعديل وإضافة style علي عناصر HTML في لغة جافا سكريبت | JavaScript DOM CSS | assign style values with variables in javascript

<!DOCTYPE html>
<html>
<head>
<title>CloseTag | JavaScript object CSS style</title>
</head>
<body>
<h1>JavaScript object CSS style</h1>

<p id="text">this element styled with JavaScript<p>

<script>
let text = document.getElementById("text");
let padding = "10";
let display  = "inline-block";
let color = "white";
let background = "#007bff";
text.style.display = display;
text.style.padding = padding + "px";
text.style.color = color;
text.style.backgroundColor = background;
</script>

</body>
</html>