# chat-with-girlfriend

**Repository Path**: darkwing/chat-with-girlfriend

## Basic Information

- **Project Name**: chat-with-girlfriend
- **Description**: 本案例是一个模拟微信的问答小游戏
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://www.dark-wing.com/chat-with-girlfriend/
- **GVP Project**: No

## Statistics

- **Stars**: 15
- **Forks**: 3
- **Created**: 2018-03-08
- **Last Updated**: 2025-08-28

## Categories & Tags

**Categories**: weixin-lapp

**Tags**: None

## README

# chat-with-girlfriend
本案例是一个模拟微信的问答小游戏
## CSS 部分
使用 `flex` 布局
注意不能主页面不能出现滚动条
使用 `transition` 动画

## JavaScript 部分
判断使用环境
> 首先判断是否是手机，要求使用移动端访问

> 判断是否是微信浏览器，如果是微信浏览器就去掉头部

动态创建主页面以及选择框消息DOM
通过匹配点击的文字进行回复
计算所有得分总和
通过匹配最终得分查找结果