dndtest

by Peyton Hessler

HTML

<p>
Welcome adventurer,
</p>
<br>
<p>
Please enter your stats below.
</p>
<br>
  Strength:<br>
  <select id="str">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
<br>
  Dexterity:<br>
  <select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
<br>
  Constitution:<br>
    <select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
<br>
  Intelligence:<br>
  <select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
<br>
    Wisdon:<br>
  <select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
<br>
  Charisma:<br>
  <select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
<br>
  
  <button onclick="generate_player()">Try it</button>
  
  <br>
  <p id="test">
  </p>

JavaScript

var player_stats = [];

function generate_player() {
	var char_str = document.getElementById('str').value;
	player_stats[player_stats.length] = char_str;
  document.getElementById("test").innerHTML = player_stats;
  
}