save file

Author: javascript-2020

utils/x509/sign-verify/v2.0/sign-verify-v2.0.html

@@ -175,7 +175,7 @@
     {width:120px;padding:5px 20px}
 
   #result
-    {border:1px solid green;padding:5px 10px;width:100px}
+    {border:1px solid lightgray;padding:5px 10px;width:100px;border-radius:8px;text-align:center}
 
   #keys-root
     {display:flex;height:200px;gap:20px}
@@ -247,7 +247,7 @@ <h1 class=visually-hidden>
         <div id=btns>
               <input value=sign type=button style='margin-right:20px'>
               <input value=verify type=button style='margin-right:10px'>
-              <div id=result style='display:none'></div>
+              <div id=result></div>
         </div>
 
         <div id=keys-root>
@@ -315,18 +315,8 @@ <h1 class=visually-hidden>
       <script>
 
 
-        var $               = (root,sel)=>(!sel && (sel=root,root=document),root.querySelector(sel));
-        $.style             = (node,style)=>{
-        
-                                    for(var key in style){
-                                    
-                                          node.style[key]   = style[key];
-                                          
-                                    }//for
-                                    
-                              }//style
-                              
-                              
+      
+      
         var style           = {};
         style.ok            = {
               borderColor   : 'green',
@@ -336,8 +326,17 @@ <h1 class=visually-hidden>
               borderColor   : 'red',
               color         : 'red'
         };
+        style.apply         = (node,style)=>{
 
-        
+                                    for(var key in style){
+                                    
+                                          node.style[key]   = style[key];
+                                          
+                                    }//for
+                                    
+                              }//style
+                              
+                              
         var ui              = {};
         ui.private          = {};
         ui.public           = {};
@@ -495,7 +494,7 @@ <h1 class=visually-hidden>
               if(err){
                     display.result(false,'invalid key');
               }else{
-                    console.log('verified',verified);
+                                                                                console.log('verified',verified);
                     display.result(verified,'signature error');
               }
 
@@ -590,10 +589,10 @@ <h1 class=visually-hidden>
         display.result    = function(result,msg){
 
               if(result){
-                    $.style(ui.result,style.ok);
+                    style.apply(ui.result,style.ok);
                     ui.result.textContent   = 'ok';
               }else{
-                    $.style(ui.result,style.error);
+                    style.apply(ui.result,style.error);
                     ui.result.textContent   = 'error : '+msg;
               }
               ui.result.style.display    = 'block';