É possível inserir novo HTML com pure.js


(Matheus Calixto) #1

Estou querendo usar o pure.js framework, para criar um post via json.

Encontrei na plataforma da Stack em inglês esse tópico, que é o que eu quero fazer, só que tem uma problema, não estou conseguindo fazer o exemplo da segunda pessoa que respondeu embaixo.

Arturo Hernandez;

No seu exemplo, seu modelo HTML deve ser assim:

<ul>
  <li>
    <img src="/img/pappo.gif" />
    <h1>marte</h1>
    <p><a href="http:://www.sito.it>guille</a></p>
  </li>
</ul>

e um json gosta disso:

{
   "mylist":{
      "listone": 
          {"img" : "/img/pippo1.gif" ,
           "text1" : "pluto1",
           "text2" : "topolino1",
           "link" : "http://www.sito1.it"       
           },
      "listtwo":
          {"img" : "/img/pippo2.gif" ,
           "text1" : "pluto2",
           "text2" : "topolino2",
           "link" : "http://www.sito2.it"       
          }
   }
}

e a final deve ser assim:

<ul>
  <li>
    <img src="/img/pippo1.gif" />
    <h1>pluto1</h1>
    <p><a href="http:://www.sito1.it>topolino1</a></p>
  </li>
  <li>
    <img src="/img/pippo2.gif" />
    <h1>pluto2</h1>
    <p><a href="http:://www.sito2.it>topolino2</a></p>
  </li>
</ul>

O primeiro eu conseguir fazer de boa, agora esse segundo de dois, eu não conseguir.

Como seria o código em javascript?