From 4048e4d194a9c0d2c6a13d0a4a27ee8976efaf95 Mon Sep 17 00:00:00 2001
From: lixiang <lixiang380@huawei.com>
Date: Thu, 6 Jul 2023 17:27:45 +0800
Subject: [PATCH] fixed 7ce82f8 from
 https://gitee.com/li-xiang335/docs_1/pulls/20553 modify
 web-app-page-data-channel for sample code

Signed-off-by: lixiang <lixiang380@huawei.com>
---
 .../web/web-app-page-data-channel.md          | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)
diff --git a/zh-cn/application-dev/web/web-app-page-data-channel.md b/zh-cn/application-dev/web/web-app-page-data-channel.md
index d90722131d..b968e6f570 100644
--- a/zh-cn/application-dev/web/web-app-page-data-channel.md
+++ b/zh-cn/application-dev/web/web-app-page-data-channel.md
@@ -90,7 +90,14 @@
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>WebView Message Port Demo</title>
   </head>
-
+  <body>
+      <h1>WebView Message Port Demo</h1>
+      <div>
+          <input type="button" value="SendToEts" onclick="PostMsgToEts(msgFromJS.value);"/><br/>
+          <input id="msgFromJS" type="text" value="send this message from HTML to ets"/><br/>
+      </div>
+      <p class="output">display received message send from ets</p>
+  </body>
   <script>
   var h5Port;
   var output = document.querySelector('.output');
@@ -107,7 +114,7 @@
                   msg = msg + result;
                 } else if (typeof(result) === 'object') {
                   if (result instanceof ArrayBuffer) {
-                    console.info(`received arraybuffer from html5, length is:` ${result.byteLength}`);
+                    console.info(`received arraybuffer from html5, length is: ${result.byteLength}`);
                     msg = msg + 'lenght is ' + result.byteLength;
                   } else {
                     console.info('not support');
@@ -130,14 +137,5 @@
       }
   }
   </script>
-
-  <body>
-      <h1>WebView Message Port Demo</h1>
-      <div>
-          <input type="button" value="SendToEts" onclick="PostMsgToEts(msgFromJS.value);"/><br/>
-          <input id="msgFromJS" type="text" value="send this message from HTML to ets"/><br/>
-      </div>
-      <p class="output">display received message send from ets</p>
-  </body>
   </html>
   ```
-- 
GitLab

