DiceThrowing.razor 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. @page "/diceThrowing"
  2. @attribute [StreamRendering(true)]
  3. <h3>DiceThrowing</h3>
  4. <div class="container">
  5. <div class="row">
  6. <div class="col-md-12">
  7. <button class="btn btn-primary" type="submit" @onclick="ThrowDice">Throw Dice</button>
  8. </div>
  9. </div>
  10. <div class="row">
  11. <div class="col-md-6">
  12. <div class="form-group">
  13. <label for="NbOfDice">Number of Dice</label>
  14. <input type="number" class="form-control" id="NbOfDice" @bind=@NbOfDice />
  15. </div>
  16. </div>
  17. <div class="col-md-6">
  18. <div class="form-group">
  19. <label for="DiceValue">Dice Value</label>
  20. <input type="number" class="form-control" id="DiceValue" @bind=@DiceValue />
  21. </div>
  22. </div>
  23. <div class="col-md-6">
  24. <div class="form-group">
  25. <div class="form-label">total: @Total</div>
  26. </div>
  27. </div>
  28. <div class="col-md-6">
  29. @foreach (var roll in Rolls)
  30. {
  31. <div class="form-group">
  32. <div class="form-label">@roll</div>
  33. </div>
  34. }
  35. </div>
  36. </div>
  37. </div>
  38. @code {
  39. }