Programmeringskod för att klicka fram uppdrag - hjälp behövs :)
Hej!
Jag ska göra en sida där vård- och omsorgspersonal får "klicka fram" olika uppdrag för att öva på dem.
Det som finns nu är en slumpgenerator som jag anpassat med de aktuella uppdragen. Jag har kopierat koden från den här sidan: http://www.zerosixthree.se/labs/namn_generator/
Men eftersom slump är slump känns klickningen "buggig" när slumpen väljer just det uppdrag personen nyss haft eftersom inget nytt uppdrag kommer. Lätt gjort att bara klicka igen men jag vill inte ha det så
Jag vill att varje klick ska ge ett NYTT uppdrag tills listan på uppdrag är slut.
Går det?
Hur ser den koden ut?
Så här ligger koden nu:
<div style="text-align: center;">
<h3 id="codename">UPPDRAG 1</h3>
<br><br>
<button id="newName" class="btn btn-warning btn-lg></button>
</div>
</div>
</div>
<script src=" ajax.googleapis.com="" ajax="" libs="" jquery="" 1.10.2="" jquery.min.js"="">
<script>
$(document).ready(function() {
var attributes = [
'Uppdrag 2',
'Uppdrag 3',
'Uppdrag 4',
'Uppdrag 5',
'Uppdrag 6',
'Uppdrag 7',
'Uppdrag 8'
]
var namn = "";
function createName() {
var f = attributes[Math.floor(Math.random() * attributes.length)].toUpperCase();
namn = f;
$('#codename').text(namn);
}
createName();
$('#newName').click(createName);
});
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43453235-1', 'zerosixthree.se');
ga('send', 'pageview');
</script>
<br>
<div class="keditable"><div style="text-align: center;">NYTT UPPDRAG</div></div><br></button><br>
Klicka igen om uppdraget inte byts </div>
--------------------------------
Stort tack på förhand för att du engagerar dig!
Hälsningar Anna