Becky

JavaScript

document.querySelectorAll(“selector”)

CSSセレクタの要素を取得<div class="message"><p></p><p></p></div><script>let message = document.querySelectorAll(".message p");for(...
JavaScript

document.querySelector(“selector”)

CSSセレクタの要素を取得<div class="message"><p></p></div><script>document.querySelector(".message p").innerHTML = "Hello world!!";...
JavaScript

document.getElementsByTagName(“tag”)

タグから要素を取得<p></p><p></p><p></p><script>let message = document.getElementsByTagName("p");for (let i = 0; i < message.lengt...
JavaScript

document.getElementsByClassName(“class”)

クラスから要素を取得する<p class="message">Hello world!!</p><p class="message">Hello world!!</p><script>let messages = document.getE...
JavaScript

document.getElementById(“ID”)

IDから要素を取得する<p id="message"></p><script>document.getElementById("message").innerHTML = "Hello world!!";</script>↓実行すると
JavaScript

HTML、CSS、Javascriptテンプレート

<!DOCTYPE html><html lang="ja"><head><title>タイトル</title><style>/* CSSを入れる場所 */</style></head><body><!-- コンテンツを入れる場所 --><...
JavaScriptソースコード

JavaScriptマインスイーパーのソースコード

<style>#game-container { text-align: center; }#minesweeper-board {display: inline-grid;gap: 1px;background-color: #000;p...
JavaScriptミニゲーム

JavaScriptマインスイーパー

リセットソースコード
RPGツクールMZプラグイン

RPGツクールMZマインスイーパープラグイン

RPGツクールMZのイベント内にマインスイーパーを実行出来るプラグインを作りました。↓Minesweeper.jsマインスイーパーのルール等はWikipediaを参照下さい。【導入方法】Minesweeper.jsを「js」フォルダの中の「...
RPGツクールMZミニゲーム

RPGツクールMZ石取りゲーム(難しい)

RPGツクールMZ石取りゲームのちょっと難しいバージョンです。ロジックが解ったら簡単になるのでイベント内容は載せないでおきますね!楽しんで頂けたら嬉しいです♪