character-engine.js

Jegliche Beispiele wurden durch Bulma gestylet!

Einbinden
Platziere das <script> direkt vor das schließende </body> deiner Website.

<script defer src="https://scampsblog.com/code/gamebook-engine/cloudflare.com/###"></script>

Die character-engine.js stellt ein AddOn zur inventory-engine.js dar, kann aber auch durchaus alleinstehend genutzt werden und lässt den Nutzer einen individuellen Character erstellen. Die Werte werden im localStorage gespeichert



User Name

Die id setUserNameInput kennzeichnet ein Input Feld, in welches der User seinen Namen einträgt, welcher mithilfe der Funktion setUserName() gespeichert werden kann.

   <input type="text" id="setUserNameInput">   
   


     <div class="field">
        <div class="control">
        <input type="text" class="input" id="setUserNameInput">
        </div>
    </div>   
   


User Name speichern

Die function() setUserName() speichert die Eingabe / den Input, der bei einem Input Feld mit der id setUserNameInput erfolgt ist im localStorage.

        <input type="button" value="Speichern" onclick="setUserName()" />   
           


        <input type="button" class="button" value="Speichern" onclick="setUserName()" />   
           


User Name anzeigen

Die class displayUserName kennzeichnet einen Output, wo die Funktion displayUserName() den gepeicherten User Name anzeigt. Wenn der User Name schon im localStorage gespeichert ist, wird er automatisch angezeigt.

    <p class="displayUserName"></p>  
       


User Name explizit abrufen

Die function() displayUserName() ist dazu da, um auf expliziten Input (wie z.B. einem Button) den durch setUserName() gespeicherten Inhalt / User Name anzuzeigen.

    <input type="button" value="Anzeigen" onclick="displayUserName()" />  
           


    <input type="button" class="button" value="Anzeigen" onclick="displayUserName()" />