{"version":"1.0","type":"rich","title":"4번째시간","description":"This example demonstrates basic DOM manipulation and styling through user-triggered events. It shows how clicking a link appends a new heading element to the page, while buttons control the visibility and appearance of a paragraph. The code uses plain JavaScript methods such as `document.createElement()`, `createTextNode()`, and `appendChild()` to construct nodes, as well as inline style properties like `color`, `fontSize`, and `visibility` to alter the paragraph’s presentation. All interactions are handled via HTML `onclick` attributes, with no external libraries or data sources involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0e884b6f774d42199f82f90f6526eef7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}