Question

你好我有2年左右的自学html和css编码的知识，我很擅长html和css部分的东西，但我需要JavaScript的帮助，因为我还没有进展到那个还没有资源学习它还没有，但希望有一天能够学习它，但我发现Java和JavaScript在这个时候势不可挡，并且需要一些帮助来为我需要的东西提供一些工作。

我正在开发一个适用于家庭的社区网站项目，我的家人希望会员有权更新他们有权访问的网页。我将使用Google云端硬盘来托管网站，因此我无法使用PHP，因为它无法与Google云端硬盘配合使用，因此我需要使用JavaScript。会员将需要驱动器来访问该档案的档案，已经设置了购买员工。

我的第一个想法是使用.txt文档为会员更新文字和内容，但我一直在思考它，我想也许谷歌论坛会更好，因为有些人已经告诉我它不是使用文本文档添加内容是安全的。

现在，如果我打算使用Google论坛，我可以将他们输入的选项存储到Google Spread Sheet中。我不确定你是否可以复制他们提交的最新行中的内容，它将位于列表的底部。如果有人可以编码并提交它或者知道在哪里获取它，我将需要JavaScript，并且可以解释如何设置它。

我计划的最后一件事是人们添加元素，如下图所示的新行，我正在使用此代码，因此您可以复制它以测试它以帮助我解决这个问题。

我想让我的网站的某些部分尽可能方便用户，因为他们知道有关html和css编码的任何知识。

在基本点形式中，这是我需要帮助的地方

JavaScript代码示例。分解它是如何工作的。以及如何将代码添加到我的网站项目。

HTML：stock.html

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="stock.css">
</head>
<body>

<table>
    <tr id="title">
        <td id="name">Name</td>
        <td id="icon">▲\▼</td>
        <td id="value">Value</td>
        <td id="price">Price</td>
    </tr>
    <tr id="stock">
        <td id="aname">AName</td>
        <td id="aicon">AIcon</td>
        <td id="avalue">AValue</td>
        <td id="aprice">APrice</td>
    </tr>
    <tr id="stock">
        <td id="bname">BName</td>
        <td id="bicon">BIcon</td>
        <td id="bvalue">BValue</td>
        <td id="bprice">BPrice</td>
    </tr>
        <tr id="stock">
        <td id="cname">CName</td>
        <td id="cicon">CIcon</td>
        <td id="cvalue">CValue</td>
        <td id="cprice">CPrice</td>
    </tr>
        <tr id="stock">
        <td id="dname">DName</td>
        <td id="dicon">DIcon</td>
        <td id="dvalue">DValue</td>
        <td id="dprice">DPrice</td>
    </tr>
        <tr id="stock">
        <td id="ename">EName</td>
        <td id="eicon">EIcon</td>
        <td id="evalue">EValue</td>
        <td id="eprice">EPrice</td>
    </tr>
        <tr id="stock">
        <td id="fname">FName</td>
        <td id="ficon">FIcon</td>
        <td id="fvalue">FValue</td>
        <td id="fprice">FPrice</td>
    </tr>
        <tr id="stock">
        <td id="gname">GName</td>
        <td id="gicon">GIcon</td>
        <td id="gvalue">GValue</td>
        <td id="gprice">GPrice</td>
    </tr>
        <tr id="stock">
        <td id="hname">HName</td>
        <td id="hicon">HIcon</td>
        <td id="hvalue">HValue</td>
        <td id="hprice">HPrice</td>
    </tr>
        <tr id="stock">
        <td id="iname">IName</td>
        <td id="iicon">IIcon</td>
        <td id="ivalue">IValue</td>
        <td id="iprice">IPrice</td>
    </tr>
        <tr id="stock">
        <td id="jname">JName</td>
        <td id="jicon">JIcon</td>
        <td id="jvalue">JValue</td>
        <td id="jprice">JPrice</td>
    </tr>
</table>

</body>
</html>

CSS：stock.css

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
table{
width:100%;
}
#name{
width:50%;
text-align:left;
}
#icon{
width:10%;
text-align:left;
}
#value{
width:20%;
text-align:left;
}
#price{
width:20%;
text-align:left;
}
#stock{
background-color:#6D8E6D;
}
#title{
background-color:#3E513E;
}

需要帮助使用Javascript将文本文件行打印到html ID元素

0 个答案: