.

oef/templates/oef/questions.html

@@ -20,7 +20,7 @@ There are {{ questions|length }} question sets.
 <ul>
     {% for question in questions %}
     <li class="question">
-        <pre class="pre-question">{{ question }}</pre>
+        <pre class="pre-question" title="{{ question }}">{{ question }}</pre>
         <form>
             <input type="hidden" name="question" value="{{ question }}">
             <button 
@@ -37,14 +37,14 @@ There are {{ questions|length }} question sets.
             <span class="results-sym"></span>
 
         </form>
-        <button class="btn btn-sm" _="on click set #question1.value to the innerHTML of the previous <pre/>">
+        <button class="btn btn-sm" _="on click set #question1.value to the title of the previous <pre/>">
             Diff1
         </button>
-        <button class="btn btn-sm" _="on click set #question2.value to the innerHTML of the previous <pre/> then go to #question2 ">
+        <button class="btn btn-sm" _="on click set #question2.value to the title of the previous <pre/> then go to #question2 ">
             Diff2
         </button>
 <button class="btn btn-sm" type="button" 
-_="on click set q to the innerHTML of the previous <pre/> then log q then set el to `<li class='sidebar-item'><pre>${q}</pre></li>` then log el then put el at end of #sidebar-list then 
+_="on click set q to the title of the previous <pre/> then log q then set el to `<li class='sidebar-item'><pre>${q}</pre></li>` then log el then put el at end of #sidebar-list then 
 js
 new bootstrap.Offcanvas(document.getElementById('offcanvasExample')).show();
 end
@@ -75,12 +75,12 @@ end
     put 'copy2' into me">copy2</button>
   <button type="button" style="font:inherit;font-size:.8em;background:#3465a4;color:white;border:none;padding: 0 .4em; border-radius: .4em" _="on click
     repeat for pre in .pre-question
-        if #question1.value is pre.innerHTML
+        if #question1.value is pre.title
             then go to pre then break
     ">go1</button>
   <button type="button" style="font:inherit;font-size:.8em;background:#3465a4;color:white;border:none;padding: 0 .4em; border-radius: .4em" _="on click
     repeat for pre in .pre-question
-        if #question2.value is pre.innerHTML
+        if #question2.value is pre.title
             then go to pre then break
     ">go2</button>
     <br/>results