Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Your problem seems quite simple to me. If that is really all your HTML, your only problem is you don't have the <code>output</code> div.</p> <p>You can solve this in some ways. Using pure JavaScript...</p> <pre><code>var output = document.createElement("div"); // Creates a &lt;div&gt; element output.innerHTML = "Your running total = " + count; document.body.appendChild(output); // Add the &lt;div&gt; to the end of the &lt;body&gt; </code></pre> <p>Another way is to put the <code>output</code> div in the HTML, this way you won't even need to change your script:</p> <pre><code>&lt;div id="output"&gt;&lt;/div&gt; </code></pre> <p>If you want the <code>output</code> not to be visible before the input, you can CSS it a little...</p> <pre><code>&lt;div id="output" style="display: none;"&gt;&lt;/div&gt; </code></pre> <p>And make it visible with Javascript whenever you want.</p> <pre><code>var output = document.getElementById('output'); output.style.display = 'block'; // or 'inline-block', or 'inline', etc. See what fits you better </code></pre> <p>As you're beginnning with Javascript, I'd recommend you start in the right path by reading on unobstrusive Javascript. I can update the answer with some unobstrusive JS if you want.</p> <p><strong>UPDATE</strong>: If you want to substitute the <code>button</code> <code>div</code> with the new <code>output</code> <code>div</code>, you can simply change the names from <code>output</code> to <code>button</code> / <code>buttoner</code> / <code>whatever you want</code>.</p> <p><strong>UPDATE 2</strong>: Seems like I didn't understand your question correctly. If you want to store the previous answer, you can do it in a variety of ways as well.</p> <p>One is to store the current answer in a hidden field. For example...</p> <pre><code>&lt;input type="hidden" id="prevAnswer" value="0" /&gt; </code></pre> <p>Then, in your Javascript, you can do it like this:</p> <pre><code>var prevAnswer = document.getElementById("prevAnswer") var prevAnswerValue = parseFloat(prevAnswer.value) || 0; output.innerHTML = "You previously said you eat " + prevAnswerValue + " meals a week but you have currently listed " + num1 + " Dinners, " + num2 + " Lunches and " + num3 + " Breakfasts. This totals " + count + " meals."; prevAnswer.value = count; </code></pre> <p>So you will always have the Previous Answer whenever you calculate a new one.</p>
    singulars
    1. This table or related slice is empty.
    1. POHow to add and use a Div as a total calculator using Javascript?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USAndré Leria
    1. USAndré Leria
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks for the response! For the first two parts, I'm aware that I could just place in an output div right into the code, but the programme I'm using generates it's own html which I won't be able to affect in such a direct manner (or at least I don't know how). I can however manipulate it with javascript which is why I need to use javascript to insert a new div instead of manipulating one that is already there.
      singulars
      1. PO
      1. USNDevox
    2. COGot it. As I said, take a read on Unobstrusive Javascript since you're a beginner: you'll see you can do plenty of stuff in better ways, and also avoids your code becoming spaghetti as it grows.
      singulars
      1. PO
      1. USAndré Leria
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload