Actualmente estoy desarrollando un sitio web donde los usuarios pueden ingresar sus códigos postales australianos y lo comparará con un archivo .csv que creé que devolverá su miembro local del Parlamento. Estoy usando matraz para la parte trasera.
Estoy atascado en este momento, investigué un poco y jugué con un código JS que supuestamente maneja consultar el .csv y devolver los valores que quiero que están aquí. Mi archivo JavaScript está en una carpeta "estática" mientras mantengo mis plantillas html en una carpeta "plantillas" con el nombre adecuado.
d3.csv("data/Members.csv").then(function (data)) { var members = data; var button = d3.select("#button"); var form = d3.select("#form"); button.on("click", runEnter); form.on("submit", runEnter); } function runEnter() { d3.select("tbody").html(""); d3.event.preventDefault(); var inputValue = d3.select("#user-input").property("value"); var localMember = members.filter(members => members.Postcode.includes(inputValue)); d3.select("tbody").insert("tr").html ( "<td>" + (localMember["First Name" + "Surname"]) + "</a>" + "</td>" + "<td>" + (localMember["Electorate"]) + "</a>" + "</td>" ); console.log(1 + 1); console.log(localMember["Electorate"]); }Creo que mi archivo .html lo encuentra porque no recibo ningún error 404, sin embargo, el botón no devuelve ningún registro de la consola ni ejecuta la función. Aquí está el código relevante de mi archivo html.
<head> <script src="https://d3js.org/d3.v5.min.js"></script> </head> ----------------------------------------------------------------------------- <div class="item5"> <p class="pform">Postcode</p> <form id="form"> <input type="text" id="user-input"> <input type="button" id="button" value="click here"> </form> </div> <div class="item6"> <thead> <tr> <th scope="col">Name</th> <th scope="col">Electorate</th> </tr> </thead> <tbody> </div> </div> </body> <script {{url_for('static', filename='app.js')}}></script> </html>Poner codigo:
var button = d3.select("#button"); var form = d3.select("#form"); button.on("click", runEnter); form.on("submit", runEnter);fuera de d3.csv("datos/Members.csv").then(función (datos)) {...}