application.js

$(document).ready(function() {

  $("form").on("submit", function(event) {
    event.preventDefault();
    var randomRoll = Math.floor(Math.random() * 6) + 1;
    $.post('/rolls', {value: randomRoll}, function(server_response) {
    //  var roll = $(server_response).find("#die").html();
     var data = $(server_response).find('#die')
      console.log(server_response);
      $('#die').html(data);
    });
  });
});

index.rb

get '/' do
  erb :index
end


# TODO: convert this route to use AJAX
post '/rolls' do
  p params
  # If the user passes-in a "value", let's use it. Otherwise, we'll generate a random one.
  # See: roll_if_value_is_nil method in the Roll model.
  value = params[:value] ? params[:value].to_i : nil

  @roll = value ? Roll.create(value: value) : Roll.create

  erb :index  # HINT: what does this do? what should we do instead?
end

lucky_ajax.md

Instructions:

1. Download this application skeleton.
2. Convert the app to use AJAX.
3. Add any files you changed to your gist and submit your code.