woojinsong

@woojinsong·4 public vizzes

Fork of HTML Starter

This visualization is a minimal HTML page that demonstrates basic JavaScript output. It uses inline JavaScript to write styled text and a variable value directly into the document body. The code executes a `document.write` call with a red-colored `div` element and concatenates a string with a numeric age variable (12) to display additional text. The page loads the external script `aaaa.js` via a `script` tag in the `head`, and the `body` is left empty, relying entirely on the script for content generation.

May 13, 2021

Loading thumbnail…

Untitled

This example demonstrates interactive manipulation of a text paragraph’s style and visibility through three buttons. The interface uses plain HTML, CSS, and JavaScript, with inline `onclick` handlers calling custom functions that directly modify the element’s `style` properties, such as `color`, `fontSize`, `fontStyle`, and `visibility`. No external libraries or frameworks are used; the page consists of a single `index.html` file with embedded scripts.

May 10, 2021

Loading thumbnail…

Untitled

This example demonstrates the use of vanilla JavaScript and CSS to handle basic user input and display dynamic text on a web page. It shows a prompt-based grade calculator that assigns letter grades (A through F) based on a numeric score, along with corresponding feedback messages, and also displays the current day of the week using a switch statement on `new Date().getDay()`. The page uses `document.write()` for output and a simple `style.css` file with a custom `g2` element style, though no React or specific data-visualization libraries are involved.

May 10, 2021

Loading thumbnail…

My first HTML

This example shows a minimal HTML page that combines CSS and JavaScript to display a styled heading and interact with the browser console. The page renders a black-background “Hello World!!!” heading via CSS, while inline scripts use `alert()` to pop up a message and `console.log()` to output text during development. It demonstrates basic document structure, external stylesheet linking, and script embedding, with no external libraries or data sources.

Apr 9, 2021