当前位置：首页 > news >正文

九耶丨阁瑞钛伦特-井字棋html5代码

news 2025/11/11 19:41:33

你想了解关于井字棋（Tic-Tac-Toe）的HTML代码吗？以下是一个简单的井子棋的HTML代码示例：

<!DOCTYPE html>
<html>
<head><title>Tic-Tac-Toe</title><style>.board {display: flex;flex-wrap: wrap;width: 300px;}.cell {width: 100px;height: 100px;border: 1px solid #000;display: flex;justify-content: center;align-items: center;font-size: 48px;cursor: pointer;}</style>
</head>
<body><div class="board"><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cell"></div></div><script>const cells = document.querySelectorAll('.cell');let currentPlayer = 'X';function handleCellClick(e) {const cell = e.target;if (cell.textContent === '') {cell.textContent = currentPlayer;currentPlayer = currentPlayer === 'X' ? 'O' : 'X';}}cells.forEach(cell => {cell.addEventListener('click', handleCellClick);});</script>
</body>
</html>

这段代码创建了一个3x3的井字棋盘，使用了HTML、CSS和JavaScript。每个格子都是一个 <div> 元素，点击格子时会在其内部显示当前玩家的标记（"X"或"O"）。以上代码只是一个基本示例，你可以根据需要进行扩展和美化。

九耶丨阁瑞钛伦特-井字棋html5代码

你想了解关于井字棋（Tic-Tac-Toe）的HTML代码吗？以下是一个简单的井子棋的HTML代码示例： <!DOCTYPE html> <html> <head><title>Tic-Tac-Toe</title><style>.board {display: flex;flex-wrap…...

编程日记 2023/8/15 21:48:52

Linux服务器上配置HTTP和HTTPS代理

本文将向你分享如何在Linux服务器上配置HTTP和HTTPS代理的方法，解决可能遇到的问题，让你的爬虫项目顺利运行，畅爬互联网！ 配置HTTP代理的步骤 1. 了解HTTP代理的类型：常见的有正向代理和反向代理两种类型。根据实际需求…...

编程日记 2023/8/15 21:47:51

OpenZFS 2.2 发布 RC3，支持 Linux 6.4

导读之前的 OpenZFS 2.2 候选版本已致力于实现与 Linux 6.4 内核的兼容性，而在 2.2-rc3 中，Linux 6.4 支持的元跟踪器已标记为已完成。 OpenZFS 2.2 发布了第 3 个 RC 版本。之前的 OpenZFS 2.2 候选版本已致力于实现与 Linux 6.4 内核的兼容性&#x…...

编程日记 2023/8/15 21:46:50

嵌入式 C 语言程序数据基本存储结构

一、5大内存分区内存分成5个区，它们分别是堆、栈、自由存储区、全局/静态存储区和常量存储区。 1、栈区(stack)：FIFO就是那些由编译器在需要的时候分配，在不需要的时候自动清除的变量的存储区。里面的变量通常是局部变量、函数参数等。 …...

编程日记 2023/8/15 21:45:49

记录VS2022离线安装NuGet包的过程

离线安装NuGet包主要分为两个阶段：指定安装源及下载包及其依赖项。本文记录在VS2022中离线安装NuGet包的过程及注意事项。离线安装NuGet包，主要有两种方式：1）搭建局域网或本机NuGet服务器，将VS2022的源指定为NuGe…...

编程日记 2023/8/15 21:44:49

tomcat的多实例和动静分离

目录多实例安装tomcat 配置 tomcat 环境变量修改server.xml文件修改开关文件，添加环境变量 tomcat1 tomcat2 启动浏览器访问测试 nginxtomcat实现动静分离 Nginx实现负载均衡的原理部署nginx的负载器搭建第三台tomcat 配置多实例服务器 Tomcat…...

编程日记 2023/8/15 21:43:47

点成案例丨比浊仪用于乳酸菌抑菌活性测定

乳酸菌概述自1929年英国科学家弗莱明发现青霉素以来，抗生素为人类医学的进步做出了巨大贡献。然而，抗生素在临床上广泛且持续的使用导致病原微生物产生了耐药性。目前，病原微生物对抗生素的耐药性正在威胁人们的健康，寻找具有抑…...

编程日记 2023/8/15 21:42:46

总结synchronized

一.synchronized的特性 synchronized 是 Java 语言中内置的关键字，用于实现线程同步，以确保多线程环境下共享资源的安全访问。互斥性：synchronized保证了同一时刻只有一个线程可以执行被synchronized修饰的代码块或方法。当一个线程进入sync…...

编程日记 2023/8/15 21:41:45

需求描述点击按钮用于检测鼠标是否命中按钮代码实现 import React from react; import {useState, useEffect, useRef} from react;// 封装一个hook用来检测当前点击事件是否在某个元素之外 function useClickOutSide(ref,cb) {useEffect(()>{const handleClickOutside…...

编程日记 2023/8/15 21:40:44

直接在html中引入Vue.js的cdn来实现一个简单的博客

摘要其实建立一个博客系统是非常简单的，有很多开源的程序，如果你不喜欢博客系统，也可以自己开发，也可以自己简单做一个。我这次就是用Vue.js和php做后端服务实现一个简单的博客。界面代码结构代码 index.html <!DOCTYP…...

编程日记 2023/8/15 21:39:43

Android Studio瀑布流实现

效果： ImageDetail class package com.example.waterfallflow; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.widget.ImageView;public class ImageDetail extends Activity{Overrideprotected void …...

编程日记 2023/8/15 21:38:42

Java 中的 == 运算符、equals 方法和 hashcode 方法

一、运算符是 Java 中的一个运算符，用于比较两个对象，但在比较两个对象的时候需要根据比较类型分情况进行讨论。 1.1 基本数据类型与基本数据类型基本数据类型之间通过进行比较的时候，是直接比较它们的大小，而与它们的具体…...

编程日记 2023/8/15 21:37:39

第一个ArkTS项目实践-鸿蒙ArkTS

第一个ArkTS项目实践-ArkTS 第一个ArkTS项目实践-ArkTS自定义组件的组成配置属性与布局配置属性布局改变组件状态循环渲染列表数据代码ToDoItem组件ToDoList页面效果参考资料第一个ArkTS项目实践-ArkTS 本篇文章是官网上视频对ArkTS开发实践的第一个视频，主要是引…...

编程日记 2023/8/15 21:36:38

【数据结构•堆】序列和的前n小元素（堆排序）

题目描述问题：序列和的前 n n n小元素给出两个长度为 n n n的有序表 A A A和 B B B, 在A和B中各任取一个, 可以得到 n 2 n^2 n2 个和. 求这些和最小的 n n n个。输入输出格式输入格式： 输入数据共三行。　　第一行，一个整数值 n n …...

编程日记 2023/8/15 21:35:37

Keepalived+http高可用实战

环境准备： 两台安装了keepalived的服务器 ip：192.168.134.170;192.168.134.172 1、安装http服务 yum install httpd -y2、写一个测试页面 [rootlocalhost ~]# echo "hostname -I,web1 test page. " > /var/www/html/inde [rootlocalho…...

编程日记 2023/8/15 21:34:36

Linux文件系统管理

Linux文件系统管理磁盘的组成与分区计算机用于存取文件的硬件是磁盘，磁盘的组成主要有磁盘盘、机械手臂、磁盘读取头与主轴马达所组成， 而数据的写入其实是在磁盘盘上面。磁盘盘上面又可细分出扇区(Sector)与磁道(Track)两种单位， 其中扇区…...

编程日记 2023/8/15 21:33:33

MyBatis-Plugin源码全面分析

三、MyBatis-Plugin 1. 基本开发方式需求：在MyBatis执行之前打印一行醒目的日志，携带参数实现Interceptor接口： Intercepts(Signature(type Executor.class,method "query",args {MappedStatement.class,Object.class, RowB…...

编程日记 2023/8/15 21:32:32

Vscode 常用操作教程

一、语言换成中文这是我们可以直接点击左边栏第四个图标搜索插件 chinese ,也可以直接ctrlshiftp快捷键也会出来如图所示图标，出来chinese 插件之后选择安装install,安装完成之后重新ctrlshiftp会出现如图所示页面找到我的鼠标在的地方对应的中文，此时…...

编程日记 2023/8/15 21:31:31

Linux设备树详解

Linux 设备树详解 Linux 操作系统早期是针对个人电脑设备而开发的操作系统，而个人电脑处理器产商较为单一（例如只有 Intel，AMD）同时个人电脑产商均使用 Intel 或 AMD 制造的处理器，业界形成了统一的总线/硬件接口标准…...

编程日记 2023/8/15 21:30:30

.netcore grpc服务端流方法详解

一、服务端流式处理概述客户端向服务端发送请求，服务端可以将多个消息流式传输回调用方和客户端流相反，客户端流发出请求，服务端可以传输一批消息给客户端，直至本次请求响应完全结束。针对文件分段传输下载，该方式非…...

编程日记 2023/8/15 21:29:28

谷歌浏览器插件

项目中有时候会用到插件 sync-cookie-extension1.0.0：开发环境同步测试 cookie 至 localhost，便于本地请求服务携带 cookie 参考地址：https://juejin.cn/post/7139354571712757767 里面有源码下载下来，加在到扩展即可使用FeHelp…...

编程新知 2025/8/16 3:55:30

java_网络服务相关_gateway_nacos_feign区别联系

1. spring-cloud-starter-gateway 作用：作为微服务架构的网关，统一入口，处理所有外部请求。核心能力： 路由转发（基于路径、服务名等）过滤器（鉴权、限流、日志、Header 处理）支持负…...

编程新知 2025/10/30 5:06:46

CVPR 2025 MIMO: 支持视觉指代和像素grounding 的医学视觉语言模型

CVPR 2025 | MIMO：支持视觉指代和像素对齐的医学视觉语言模型论文信息标题：MIMO: A medical vision language model with visual referring multimodal input and pixel grounding multimodal output作者：Yanyuan Chen, Dexuan Xu, Yu Hu…...

编程新知 2025/10/6 14:17:21