Similarities / index.html

Key Takeaways

let's now take your edit distance algorithm and bring it to the web you'll write in index.html a form and here's what you'll have to do inside of this form inside of the body block of the index dot HTML you'll want to add in HTML form where that form will send a post request to the route slash score inside of the form you want to let the user type in a string we'll call it string 1 and another string string 2 which they'll want to compare using the Edit distance algorithm and finally at the bottom of the form you'll want to have a button that lets users submit that form so what my index dot HTML actually look like well index dot HTML by default is going to look something like this where we first extend our layout and then inside of our body block is where we're going to contain all of the code for the HTML that you'll write that will represent the form that users can then submit what will that form look like what it'll look something like this you'll use form tags to enclose all of the input fields that you'll need where users can type in input in order to submit the form and in particular note the HTML attributes that we needed to add into this form the action is slash score because that's the route to which we want to send this data after the user submits their form and the method for sending this data is going to be post because the user is going to send a post request via the form now inside of that form you'll need to have a number of input fields there will be places where the users can type in the first string and type in the second string for example you can use input tags inside of the form in order to create those spaces for users to type an input make sure each input tag has a name attribute so that the web application knows which input field is which in particular those names should be string one for the first string and string two for the second string each input tag is also going to need a type attribute in order to designate what type of information the user is going to enter when they're filling out the form and in particular if they're just typing in strings that type can be text once you've done that index dot HTML will display a form where users can type in one string type in another string click a button to submit the form and then be displayed with the best way to turn one string into the other