Skip to main content
SimilarExport ZIP
100%

Number Guesser

✓ Published0🌍 Public
Bbukbukbukka
Last edited Dec 12, 2019
Created on Dec 12, 2019
Forked from First Area Chart

A browser-based guessing game where the player attempts to identify a random number between 1 and 10 within three tries. The interface displays the number range, an input field for guesses, and live feedback on remaining attempts. The logic uses plain JavaScript with DOM manipulation through `querySelector` and `getElementById`, while the layout relies on the Skeleton CSS framework. The game tracks wins and losses, disables input after game over, and offers a replay option via a reload button, all without any external data or visualization libraries.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Number Guesser

This interactive game challenges a player to guess a number between one and ten within three attempts. It shows the range and remaining guesses, then reveals the winning number if the player loses, and offers a play-again button. The interface is built with Skeleton CSS, while the game logic uses JavaScript and the DOM API for event handling. Random winning numbers are generated using the `Math.random` and `Math.floor` functions.

Bbukbukbukka
94% match
Loading thumbnail…

number guessing (english)

The example demonstrates the classic "magic number" card trick, where a user mentally selects a number between 1 and 60 and then answers yes or no as six shuffled cards are presented one by one. Each card contains a distinct subset of numbers, and the user’s cumulative yes/no responses are used to compute the hidden number. The visualization uses D3 v4 to render SVG cards and animated transitions, scaling each card to the foreground for interaction and shrinking it after each answer. The final solution is revealed with a slow text fade-in after the last card, using D3’s transition and style methods.

EEE2dev
65% match
Loading thumbnail…

Number guessing

This visualization presents a classic number-guessing card trick. It displays a series of shuffled cards, each containing a subset of numbers from 1 to 60, generated by a mathematical algorithm. The user answers "Ja" (yes) or "Nein" (no) to whether their chosen number appears on a highlighted card. After all cards are shown, the program calculates and reveals the hidden number. Built with D3 v4, it uses SVG elements and `d3.transition` for smooth card movements and the final dramatic fade-in of the solution.

EEE2dev
65% match
Loading thumbnail…

birthday guesser

This interactive visualization presents a birthday-guessing game in which a calendar highlights a subset of dates and the user answers yes/no questions. The tool displays a year grid, and each of nine cards recolors days according to a shuffled set of magic numbers; the user’s answers progressively narrow the possible dates. The code uses D3 v4 with SVG and animations, drawing calendars via `d3.timeDays`, `d3.timeFormat`, and a quantized color scale, and handles the interaction with click events that advance through the cards.

EEE2dev
59% match
Loading thumbnail…

Blackjack Game

This example presents a browser-based Blackjack card game with a dark green casino-style interface. The page displays the player’s current cards, their sum, and a status message that guides the game flow. Users start a round and draw new cards via buttons, while JavaScript manages the deck logic, including random card values, a simple Blackjack win condition, and a track of the player’s chips. The interface is built with plain HTML, CSS, and vanilla JavaScript, using DOM methods like `getElementById` and browser-native event handlers.

GGayan Priyadarshana
57% match
Loading thumbnail…

Make a Word

The visualization is a word-guessing game that displays seven letters and prompts the user to submit a valid word. The user can guess a word, shuffle the letters, or generate a new random set of letters. The game tracks the number of wins and losses, and shows a message indicating whether each guess is correct or wrong. The code uses plain JavaScript DOM methods like `querySelector`, `getElementById`, and `innerHTML` to manage the interface, with the letter set generated by combining random consonants and vowels.

FFrankieFabuloso
57% match
Loading thumbnail…

My quiz

This example shows a Minecraft-themed quiz where viewers guess numeric answers, such as the number of biomes or the sea level, and compare their responses to the correct values. It visualizes each question as a single chart with a drawn line representing the user’s guess. Built with D3 v5 and the youdrawit library, the code defines questions in a JavaScript array and renders them using the `youdrawit.chart()` API, which handles interactive drawing and scoring. The page also loads custom CSS and the youdrawit script from a GitHub-hosted source.

EEE2dev
57% match
Loading thumbnail…

birthday guesser (unshuffled version)

This visualization presents a birthday-guessing puzzle where nine yes/no questions aim to identify a specific day of the year. It displays multiple color-highlighted calendars, one per question, with marked dates representing the possible birthday. The user answers each question by clicking a yes/no button. The visualization uses D3.js to animate the transitions between cards, revealing the solution by progressively narrowing down the calendar. A static calendar grid and interactive answer buttons make the process clear, and the final answer is shown after all questions are answered.

663anp3ca
56% match