Use an ordered list

[rbdr/crowdantine] / index.html
diff --git a/index.html b/index.html

index 077a8e0649dee425fa042d0a04379895c593c0db..69b0cb2dce3cbb869057a6b0163546c3d2afb9c6 100644 (file)
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
        var generateProposalHTML = function(proposal) {
  
          var listItem = document.createElement('li');
-        listItem.innerHTML = proposal.title + ' (' + proposal.total_occurrences + ' votes) <a href="#" onclick="createProposal(\'' + proposal.title.replace(/'/g, '\\\'')+ '\')">I agree.</a> </li>'
+        listItem.innerHTML = proposal.title + ' (' + proposal.total_occurrences + ' votes) <a href="#add-' + proposal.id + '" onclick="createProposal(\'' + proposal.title.replace(/'/g, '\\\'')+ '\')">I agree.</a> </li>'
          return listItem;
        };
  
@@ -45,7 +45,9 @@
  
          const container = document.getElementById('proposals');
  
-        parsedResponse.result.items.forEach((proposal) => {
+        parsedResponse.result.items
+          .sort((a, b) => b.total_occurrences - a.total_occurrences)
+          .forEach((proposal) => {
  
            container.appendChild(generateProposalHTML(proposal));
          });
@@ -127,7 +129,7 @@
    <body>
      <h1>Help me decide what to do during quarantine</h1>
      <p>Vote on the recommendations, or <a href="#add">add one</a>.</p>
-    <ul id="proposals"></ul>
+    <ol id="proposals"></ol>
      <h1 id="add">Add a recommendation</h1>
      <form>
        <p>