Merge pull request mdn#37 from wbamberg/sign-verify-unique-ids

chrisdavidmills · web-flow · commit 066c67148eb0 · 2019-01-08T17:03:16.000Z
Make message ID values unique for sign/verify examples
diff --git a/web-crypto/sign-verify/ecdsa.js b/web-crypto/sign-verify/ecdsa.js
@@ -10,7 +10,7 @@
   in a form we can use for sign operation.
   */
   function getMessageEncoding() {
-    const messageBox = document.querySelector(".ecdsa #message");
+    const messageBox = document.querySelector("#ecdsa-message");
     let message = messageBox.value;
     let enc = new TextEncoder();
     return enc.encode(message);
diff --git a/web-crypto/sign-verify/hmac.js b/web-crypto/sign-verify/hmac.js
@@ -10,7 +10,7 @@
   in a form we can use for sign operation.
   */
   function getMessageEncoding() {
-    const messageBox = document.querySelector(".hmac #message");
+    const messageBox = document.querySelector("#hmac-message");
     let message = messageBox.value;
     let enc = new TextEncoder();
     return enc.encode(message);
diff --git a/web-crypto/sign-verify/index.html b/web-crypto/sign-verify/index.html
@@ -40,8 +40,8 @@ <h1>Web Crypto: sign/verify</h1>
           <h2 class="sign-verify-heading">RSASSA-PKCS1-v1_5</h2>
           <section class="sign-verify-controls">
             <div class="message-control">
-              <label for="message">Enter a message to sign:</label>
-              <input type="text" id="message" name="message" size="25"
+              <label for="rsassa-pkcs1-message">Enter a message to sign:</label>
+              <input type="text" id="rsassa-pkcs1-message" name="message" size="25"
                      value="The owl hoots at midnight">
             </div>
             <div class="signature">Signature:<span class="signature-value"></span></div>
@@ -54,8 +54,8 @@ <h2 class="sign-verify-heading">RSASSA-PKCS1-v1_5</h2>
           <h2 class="sign-verify-heading">RSA-PSS</h2>
           <section class="sign-verify-controls">
             <div class="message-control">
-              <label for="message">Enter a message to sign:</label>
-              <input type="text" id="message" name="message" size="25"
+              <label for="rsa-pss-message">Enter a message to sign:</label>
+              <input type="text" id="rsa-pss-message" name="message" size="25"
                      value="The tiger prowls at dawn">
             </div>
             <div class="signature">Signature:<span class="signature-value"></span></div>
@@ -68,8 +68,8 @@ <h2 class="sign-verify-heading">RSA-PSS</h2>
           <h2 class="sign-verify-heading">ECDSA</h2>
           <section class="sign-verify-controls">
             <div class="message-control">
-              <label for="message">Enter a message to sign:</label>
-              <input type="text" id="message" name="message" size="25"
+              <label for="ecdsa-message">Enter a message to sign:</label>
+              <input type="text" id="ecdsa-message" name="message" size="25"
                      value="The eagle flies at twilight">
             </div>
             <div class="signature">Signature:<span class="signature-value"></span></div>
@@ -82,8 +82,8 @@ <h2 class="sign-verify-heading">ECDSA</h2>
           <h2 class="sign-verify-heading">HMAC</h2>
           <section class="sign-verify-controls">
             <div class="message-control">
-              <label for="message">Enter a message to sign:</label>
-              <input type="text" id="message" name="message" size="25"
+              <label for="hmac-message">Enter a message to sign:</label>
+              <input type="text" id="hmac-message" name="message" size="25"
                      value="The bunny hops at teatime">
             </div>
             <div class="signature">Signature:<span class="signature-value"></span></div>
diff --git a/web-crypto/sign-verify/rsa-pss.js b/web-crypto/sign-verify/rsa-pss.js
@@ -10,7 +10,7 @@
   in a form we can use for sign operation.
   */
   function getMessageEncoding() {
-    const messageBox = document.querySelector(".rsa-pss #message");
+    const messageBox = document.querySelector("#rsa-pss-message");
     let message = messageBox.value;
     let enc = new TextEncoder();
     return enc.encode(message);
diff --git a/web-crypto/sign-verify/rsassa-pkcs1.js b/web-crypto/sign-verify/rsassa-pkcs1.js
@@ -10,7 +10,7 @@
   in a form we can use for sign operation.
   */
   function getMessageEncoding() {
-    const messageBox = document.querySelector(".rsassa-pkcs1 #message");
+    const messageBox = document.querySelector("#rsassa-pkcs1-message");
     let message = messageBox.value;
     let enc = new TextEncoder();
     return enc.encode(message);
