fix docs

docs/components.md

@@ -110,13 +110,14 @@ Each type is specified by the `type` attribute. In the case of a `radio` button,
 <webaudio-switch id="sw3" type="radio" group="radio1"></webaudio-switch>
 <webaudio-switch id="sw4" type="radio" group="radio1" value="1"></webaudio-switch>
 <webaudio-switch id="sw5" type="radio" group="radio1"></webaudio-switch> radio<br/>
+
 <script>
 elms=document.getElementsByTagName("webaudio-switch");
-for(var i=0;i<elms.length;++i){
- elms[i].addEventListener("change",(event)=>{
+for(var i = 0; i < elms.length; ++i){
+ elms[i].addEventListener("change", (event)=>{
  console.log("change", event.target.id, event.target.value)
  });
- elms[i].addEventListener("click",(event)=>{
+ elms[i].addEventListener("click", (event)=>{
  console.log("click", event.target.id, event.target.value)
  });
 }

docs/index.md

@@ -37,9 +37,9 @@ Advanced Usage and Application Notes :
 
 # Overview
 
-**webaudio-controls** is a Javascript library for displaying the GUI parts required to Web Music applications. 
+**webaudio-controls** is a Javascript library to display the GUI components used in Web Music Applications.
 webaudio-controls consists of knobs, sliders, switches, parameter displays and keyboards.
-By loading webaudio-controls.js to your page, custom tags for component display will be added using WebComponents. 
+By loading `webaudio-controls.js` to your page, custom tags for component display will be added using WebComponents. 
 You can configure the GUI screen just by writing custom tags in HTML. 
 
 **webaudio-controls** is consist of following components.