<h1 align="center">Introduction to Web Development<br>Experiment Report</h1>

<h3 align="center">Class： 3</h3>

<h3 align="center">Name: Kualk (Dai Shuangyao)(代双遥)</h3>

<h3 align="center">Major：Software engineering</h3>

<h3 align="center">Student Number：222024321062075</h3>

<h3 align="center">School：School of Computer & information Science</h3>

1. Objective

• Practice JavaScript in HTML.
• Master the basis of utilization of JavaScript.
• Understand the dynamic mind of HTML.
• Learn the basic syntax of JavaScript

2. Detailed requirements

• Remember the basic syntax of JavaScript
• Connect JavaScript to HTML
• Get to know how to use the basic library of JS

3. Content

JavaScript实现简单四则运算器

效果图：

<img src="D:\DeskTop\简单四则运算.png" alt="简单四则运算" style="zoom: 67%;" />

JavaScript实现在网页里嵌入动态时钟

效果图：

<img src="D:\DeskTop\动态时钟.png" alt="动态时钟" style="zoom:67%;" />

JavaScript实现页面背景定时变色

效果图：

[图片缺失：image-20241208034758345]

4. Analysis

Dynamic loading do a lot of helps when we design a web not only in codes but of effects.

Dynamic web looks more flexible than static web.

JS can contribute to many amazing effects with flexible minds.

Web also contains logic.

5. Total

Practice makes perfect

I’ve learnt a lot about JS. Like the basic syntax including anonymous function and jQuery, to name a few.

I learned a detail that I can put a variable in css file and use the var to change the property of a tag which is never knew before. That’s a trick.

Now I can use JS to finish a simple dynamic loading feeling lick trying to make some animations.