Assign Js to Css

Sat, 04 Apr 2026 13:35:01 +0800

Assigning JavaScript Variables for Use in CSS

Way 1: Native DOM Methods

Using native DOM methods to modify CSS styles, for example:

1document.getElementById(id).style.property = new style();

Within this new style block, you can utilize variables passed in from JavaScript.

While this approach certainly works, it becomes rather cumbersome when dealing with more complex CSS modifications—such as animations. In such scenarios, the method described below proves to be far more essential.

Way 2: CSS Variable

The approach involves utilizing CSS variables: assign the value of a JavaScript variable to a CSS variable, and then use that CSS variable within your CSS styles.

Coordinates on a Circle

Sat, 21 Mar 2026 17:11:28 +0800

Find the coordinates of a point on a circle.

Calculating the coordinates of a point on a circle typically depends on the information you already know (such as the angle, the position of the circle’s center, etc.). The most commonly used method involves trigonometric functions.

Standard Circle (Centered at the Origin)

If the center of the circle is located at the origin $(0, 0)$ of the coordinate system, the radius is $r$, and the angle between the point and the positive direction of the $x$-axis is $\theta$, then the coordinates $(x, y)$ of that point are: