Simple Array System

This system allows you to interact with arrays in a visually intuitive way, enabling you to add, update, delete, and manipulate elements easily. Below are the features and commands available in the system:

Visit Interactive Page

Features

Adding an Element

• Configure the Value: Set the desired value for the element.
• Specify the Color: Choose a color for the element.
• Add Element: Click "Add Element" or press Enter to add the element to the array.

Updating an Element

• Select the Element: Click on an element to select it.
• Modify Value and/or Color: Update the value and/or color of the selected element.
• Edit Element: Click "Edit Element" or press Enter to save changes.

Deleting an Element

• Select the Element: Click on an element to select it.
• Delete Element: Click the "Delete" button that appears in the menu, or press Backspace to remove the element.

Unselecting an Element

• Unselect: Click the selected element again to unselect it.

Selecting Multiple Elements

• Multi-Select: Hold Shift and click on multiple elements to select them. This will highlight all selected elements.

Selecting All Elements

• Select All: Press Ctrl + A to select all elements in the array.

Duplicating an Element

• Single Element: Use Ctrl + D to duplicate the selected element.

Duplicating Multiple Elements

• Copy and Paste: Use Ctrl + C to copy and Ctrl + V to paste one or more selected elements.

Moving an Element

• Drag and Drop: Click and drag an element to move it to your desired location.

Saving Progress as an Image

• Save Image: Press Ctrl + S to save your creation as an image file locally.