hobby-enquete-component/README.md

You can display complex enquete if you make a json file written in my structure.

# NEWS
In ___question interface, the title state become be not necessary.  
```
title:string -> title?:string
```
I will delete this state step by step.  
Plese don't use title state.
# hobby-enquete-component
## how to install
npm i hobby-enquete-component

## where is package
https://www.npmjs.com/package/hobby-enquete-component

## where is github
https://github.com/yuukiiwai/hobby-enquete-component

## css class name
* ___qtitle ... for title css
* ___qhead ... for question sentence css
* ___selectul ... for choices ul css
* ___selectli ... for choices li css

## Data type
### Define  
```
export interface enqprops {
    q:Array<___question>,
    getRest:(num:number)=>any,
    getAns:(value:string)=>any,
    debug?:boolean,
}

interface ___question {
    parent:Array<string>,
    title?:string,
    question:string,
    answers:Array<___answer>
}

interface ___answer {
    ansid:string,
    anstext:string,
    ansvalue:string
}
```

### Example
```
[
    {
        "parent":[""],
        "title":"first question",
        "question":"what's your ...",
        "answers":[
            {
                "ansid":"a11",
                "anstext":"answer a11",
                "ansvalue":"kotae"
            },
            {
                "ansid":"a12",
                "anstext":"answer a22",
                "ansvalue":"kotae"
            }
        ]
    },
    {
        "parent":["a11"],
        "title":"this question is ...",
        "question":"what's your ...",
        "answers":[
            {
                "ansid":"a111",
                "anstext":"answer",
                "ansvalue":"kotae"
            },
            {
                "ansid":"a112",
                "anstext":"answer",
                "ansvalue":"kotae"
            }
        ]
    },
    {
        "parent":["a12"],
        "question":"what's your ...",
        "answers":[
            {
                "ansid":"a221",
                "anstext":"answer",
                "ansvalue":"kotae"
            },
            {
                "ansid":"a222",
                "anstext":"answer",
                "ansvalue":"kotae"
            }
        ]
    }
]
```