Beautiful

A interactive programming language for the mobile device easy typing. It is a programming language that is easy to type on a mobile device.

Syntax Introduction

The syntax is basically the same as the HTML syntax, just the declaration of syntax is all using the dot(.)

.div
    .input type...text... input.
div.

The above example is equivalent to the following HTML code

<div>
    <input type="text" />
</div>

Grammer

1. Tag

.div div.

2. Attribute
   The attribute can be a variable, a string, a javascript function, or a number/math formula.
   - string literal: ... any form of string ...
   - variable: .. test
   - number/formula: .. 1 + 2
   - javascript function: .. () => console.log('hello world')

.div 
    id...div1...
    class...bold...
    onClick..() => console.log('input');
    value..1 + 2
div.

Which is equivalent to the following HTML code

<div id="div1" class="bold" onClick="() => console.log('input')" value="3"></div>

3. Children Tag
   The children can another tag or a string.

.div
    .div
        .input type...text... input.
    div.
    .div
        .input type...text... input.
    div.
div.

Which is equivalent to the following HTML code

<div>
    <div>
        <input type="text" />
    </div>
    <div>
        <input type="text" />
    </div>
</div>