Make message ID values unique

Will Bamberg · Will Bamberg · commit 7032b53a342d · 2019-01-02T09:52:03.000-08:00
diff --git a/web-crypto/import-key/index.html b/web-crypto/import-key/index.html
@@ -35,8 +35,8 @@ <h1>Web Crypto: importKey</h1>
           <h2 class="import-key-heading">Raw</h2>
           <section class="import-key-controls">
             <div class="message-control">
-              <label for="message">Enter a message to encrypt:</label>
-              <input type="text" id="message" name="message" size="25"
+              <label for="raw-message">Enter a message to encrypt:</label>
+              <input type="text" id="raw-message" name="message" size="25"
                      value="The owl hoots at midnight">
             </div>
             <div class="ciphertext">Ciphertext:<span class="ciphertext-value"></span></div>
@@ -49,8 +49,8 @@ <h2 class="import-key-heading">Raw</h2>
           <h2 class="import-key-heading">PKCS #8</h2>
           <section class="import-key-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="pkcs8-message">Enter a message to sign:</label>
+              <input type="text" id="pkcs8-message" name="message" size="25"
                      value="The tiger prowls at dawn">
             </div>
             <div class="signature">Signature:<span class="signature-value"></span></div>
@@ -63,8 +63,8 @@ <h2 class="import-key-heading">PKCS #8</h2>
           <h2 class="import-key-heading">SubjectPublicKeyInfo</h2>
           <section class="import-key-controls">
             <div class="message-control">
-              <label for="message">Enter a message to encrypt:</label>
-              <input type="text" id="message" name="message" size="25"
+              <label for="spki-message">Enter a message to encrypt:</label>
+              <input type="text" id="spki-message" name="message" size="25"
                      value="The eagle flies at twilight">
             </div>
             <div class="ciphertext">Ciphertext:<span class="ciphertext-value"></span></div>
@@ -77,8 +77,8 @@ <h2 class="import-key-heading">SubjectPublicKeyInfo</h2>
           <h2 class="import-key-heading">JSON Web Key</h2>
           <section class="import-key-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="jwk-message">Enter a message to sign:</label>
+              <input type="text" id="jwk-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/import-key/jwk.js b/web-crypto/import-key/jwk.js
@@ -33,7 +33,7 @@
     in a form we can use for the sign operation.
     */
     function getMessageEncoding() {
-      const messageBox = document.querySelector(".jwk #message");
+      const messageBox = document.querySelector("#jwk-message");
       const message = messageBox.value;
       const enc = new TextEncoder();
       return enc.encode(message);
diff --git a/web-crypto/import-key/pkcs8.js b/web-crypto/import-key/pkcs8.js
@@ -52,7 +52,7 @@ MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQDD0tPV/du2vftjvXj1t/gXTK39sNBV
   in a form we can use for the sign operation.
   */
   function getMessageEncoding() {
-    const messageBox = document.querySelector(".pkcs8 #message");
+    const messageBox = document.querySelector("#pkcs8-message");
     const message = messageBox.value;
     const enc = new TextEncoder();
     return enc.encode(message);
diff --git a/web-crypto/import-key/raw.js b/web-crypto/import-key/raw.js
@@ -22,7 +22,7 @@
   in a form we can use for the encrypt operation.
   */
   function getMessageEncoding() {
-    const messageBox = document.querySelector(".raw #message");
+    const messageBox = document.querySelector("#raw-message");
     const message = messageBox.value;
     const enc = new TextEncoder();
     return enc.encode(message);
diff --git a/web-crypto/import-key/spki.js b/web-crypto/import-key/spki.js
@@ -49,7 +49,7 @@ MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAy3Xo3U13dc+xojwQYWoJLCbOQ5fOVY8Llnqc
   in a form we can use for the encrypt operation.
   */
   function getMessageEncoding() {
-    const messageBox = document.querySelector(".spki #message");
+    const messageBox = document.querySelector("#spki-message");
     const message = messageBox.value;
     const enc = new TextEncoder();
     return enc.encode(message);
