JQuery Set value on button click
<p>I'm a complete newbie to front end web development. I'm trying to design a simple game where I have a set of 3 images (bearing questions). Each image has 2 buttons underneath it marked 'Yes' and 'No'. 
The user needs to click on the correct button under each image to answer the question.</p>

<p>The correct answer for image 1 is 'No', for image 2 is 'No' and for image 3 is 'Yes'.</p>

<p>Below is my relevant HTML:</p>

<pre><code>&lt;div class="buttoncontainer"&gt;
  &lt;button id="submit-btn1" onclick="subtractone()"&gt;Yes!&lt;/button&gt;
  &lt;button id="submit-btn2" onclick="addone()"&gt;No!&lt;/button&gt;
&lt;/div&gt;
&lt;div class="buttoncontainer"&gt;
&lt;button id="submit-btn3" onclick="subtractone()"&gt;Yes!&lt;/button&gt;
&lt;button id="submit-btn4" onclick="addone()"&gt;No!&lt;/button&gt;
&lt;/div&gt;
&lt;div class="buttoncontainer"&gt;
&lt;button id="submit-btn5" onclick="subtractone()"&gt;Yes!&lt;/button&gt;
&lt;button id="submit-btn6" onclick="addone()"&gt;No!&lt;/button&gt;
&lt;/div&gt;
&lt;div class="scoresheet"&gt;
&lt;p id="resultMessage"&gt;&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>The idea is to display the score within scoresheet and display text based on the score.</p>

<p>Below is the JQuery I have so far managed. I would be very grateful for any assistance.</p>

<pre><code>$(document).ready(function() {
var finalScore = 0;
console.log(finalScore);
$("#resultMessage").html("&lt;p&gt;" + finalScore + "&lt;/p&gt;");

function subtractone(finalScore) {
finalScore = finalScore - 1;
$("#resultMessage").html("&lt;p&gt;" + finalScore + "&lt;/p&gt;");
}
function addone(finalScore) {
finalScore = finalScore + 1;
$("#resultMessage").html("&lt;p&gt;" + finalScore + "&lt;/p&gt;");
}
});
</code></pre>