通过tabletop.js打印值

Question

我正在通过tabletop.js加载一个谷歌电子表格，当用户键入一本书的标题时，脚本应该打印出书的作者。所以如果你输入"Kindred“，它会返回"Octavia Butler”。我不知道如何通过传递标题来访问作者。

https://codepen.io/scibe90/pen/zYvYgZz

这是电子表格：

https://docs.google.com/spreadsheets/d/1sbyMINQHPsJctjAtMW0lCfLrcpMqoGMOJj6AN-sNQrc/pubhtml

我是编程新手，也许有人能给我一点提示？非常感谢!

贝斯特希望

Answer 1

这不是一个真正的DataTable问题，但很有趣，我感到无聊而无趣;-)

你发布的网址是正确的，并且你在CodePen中将其注释掉了，我没有使用它，所以我在JSFiddle here上发布了更正后的版本。你就快到了，但你需要检查你正在尝试的搜索功能，它可以处理不同类型的数据，但不能处理你正在使用的数据。您需要在返回的对象中搜索一个值，然后从找到的对象中返回一个不同的值。

在加载DOM时，也有两个方法启动，所以我删除了一个。

var publicSpreadsheetUrl = 'https://docs.google.com/spreadsheets/d/1sbyMINQHPsJctjAtMW0lCfLrcpMqoGMOJj6AN-sNQrc/pubhtml';

function showInfo(data, tabletop) {
  dt = data;
}
var dt;
$(document).ready(function() {
  Tabletop.init({
    key: publicSpreadsheetUrl,
    callback: showInfo,
    simpleSheet: true
  });
  $("#buttonShow").click(function() {
    var num = $("#txtBox").val();
    $("#result").html(
      "You typed:" + $("#txtBox").val() + "<br/>" + "The corresponding value is: " + dt.find(el => el.title.toLowerCase().trim() === num.trim().toLowerCase()).author
    );
  });
});

还有很多其他可以改进的地方，但这是可行的！希望对你有所帮助，祝你好运！