# DrawingStudentsID

**Repository Path**: with-the-flow/DrawingStudentsID

## Basic Information

- **Project Name**: DrawingStudentsID
- **Description**: A website for drawing student IDs
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-12
- **Last Updated**: 2025-11-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DrawingStudentsID - 学号抽取系统

A simple and practical student ID drawing system for classroom or activity use, with visual effects and customizable settings.

## 📌 Overview

This project is a web-based student ID drawing tool designed to help teachers randomly select students in class or organizers conduct lottery activities. It features two drawing modes and flexible configuration options, with a concise interface and easy operation.

## ✨ Features

- **Dual Drawing Modes**
  - Default Mode: Stable and straightforward ID drawing
  - Flashing Mode 🔥: With dynamic visual effects for more engaging selection

- **Customizable Settings** ⚙️
  - Class Size Configuration: Set minimum and maximum values for student ID range (default: 1 - 52)
  - Flashing Speed Adjustment: Control the animation speed in flashing mode

- **Open Source** 📥
  - Complete source code including HTML, CSS and JavaScript files
  - Available for secondary development and customization

## 🌐 Live Demo

Visit the online demo: [https://wuiqefan.github.io/DrawingStudentsID/](https://wuiqefan.github.io/DrawingStudentsID/)

## 📥 Installation & Usage

1. Clone the repository
   ```bash
   git clone https://github.com/WuiQeFan/DrawingStudentsID.git
   ```

2. Open `index.html` in your browser directly
3. Configure class size in settings panel according to your needs
4. Choose drawing mode and start using

## 🛠️ Technical Stack

- HTML5: Structure foundation
- CSS3: Styling and visual effects
- JavaScript: Interactive logic and drawing functions

## 📝 License

This project is open source under the MIT License. Feel free to use, modify and distribute.

## 💡 Tips

- The student ID range is displayed in real-time as "当前班级人数: 1 - 52"
- For source code download, you can also visit the GitHub repository directly
- Suitable for classroom roll call, random question selection, and small-scale lottery activities

## 🔨 Contributing

If you have any suggestions for improvement or find bugs, please submit an issue or pull request. Contributions are always welcome!

---

Made with ❤️ for educators and activity organizers