Javascript 试图制作类似的东西，但在JS中

所以我在我的网站上有一个部分，我发布了我正在做的项目。我没有API，所以我只是从一个文件中提取我的内容，然后让它通过这个循环输出帖子

<?php 
     foreach($projects as $project) {
        echo "<div class=\"post project\">";
            echo "<p class=\"date\">" .$project['date']. "</p>";
            echo "<h2 class=\"intro\">" .$project['title']. "</h2>";
            if (($project['image'] != "false")) {
                echo "<img src=\"" .$project['imageSource']. "\"/>";
            }
            echo "<p>" .$project['content']. "</p>";
        echo "</div>";
     }
    ?> 

下面是它将从内容文件中提取的内容的示例

<?php
    /*__________PROJECTS START__________*/  
$imagePath = "/img/projects/";
$projects = array(
    "PiBox" => array(
        "title" => "PiBox ",
        "date" => "TBD",
        "image" => "false",
        "imageSource" => $imagePath . "",
        "content" => "Currently wroking on getting all the parts. But it's going to be a built in a large mil-spec crate and will be solar powered."
    ),
);
/*__________PROJECTS END__________*/?>

---

您可以检查这个


功能显示内容（obj）{
//console.log（“obj”，obj）
变量内容=“”+
“
”+obj['date']+”
”+
''+obj['title']+''；
变量img=（obj.image！=false）？“：”；
content=content+img+''+obj[“content”]+'
'；
返回内容
}
let imagePath=“/img/projects/”
var objArray=[]
var piBox={“标题”：“piBox”，
“日期”：“待定”，
“图像”：假，
“imageSource”：imagePath，
“内容”：“目前正在获取所有零件。但它将是一个内置在大型mil规格板条箱中的太阳能电池。”
}
objArray.push（piBox）
var content=“”
用于（objArray中的项目）{
内容=内容+显示内容（piBox）
}
内容=内容+“”
控制台日志（内容，“内容”）
//document.getElementById（“someWhereinTheBody”）.innerHTML=content
/*您可以添加body标记id=“body”*/
document.getElementById（“body”）.innerHTML=content


文件
内容即将发布。。。
Server-side JS或client-side？可能会找到一些支持您的站点的主机。不确定为什么要切换到无法运行代码的主机。