el código consiste en almacenar las interacciones realizadas y está dividido en cuatro archivos 3 js y un html
el mensaje de error
main.js:10 Uncaught TypeError: storage.temp.interactions.liked.content.append is not a function at like (main.js:10) at HTMLLIElement. (main.js:14)
el html
<li id="l1">like</li>
<script>
window.onload = () => {
var script = document.createElement('script');
script.src = "main.js";
script.type = "module"
script.async = "true";
document.body.appendChild(script);
}
</script>
el main.js
'use strict';
import * as storage from './modules/storage.js';
storage.init();
console.log(JSON.parse(window.sessionStorage.getItem('interactions')));
//project actions
const like = (id, like) => {
document.getElementById(like).classList.toggle('liked');//para añadir unos estilos al li
console.log(storage.temp.interactions.liked.content.append(id));//para actualizar los datos
}
document.getElementById('l1').addEventListener('click', () => {
like('some project','l1')
});
el archivo ./modules/storage.js
'use strict';
import {hash} from './data-structures.js';
const protointeractions = {
opened: new hash(),
commented: new hash(),
liked: new hash(),
disliked: new hash()
};
export const init = () => {
window.sessionStorage.setItem('interactions', JSON.stringify(protointeractions));
};
export const temp = {
interactions: JSON.parse(window.sessionStorage.getItem('interactions'))
}
export const update = (where, value) => {
window.sessionStorage.setItem(where, JSON.stringify(value));
};
el archivo data-structures.js
'use strict';
export class hash{
constructor () {
this.max = null;
this.min = null;
this.content = [];
}
set push (id) {
this.content.append(id)
}
}
like('some project','l1')
y dónde está definido?like
está definida en alguna parte? No me suena que sea propia de JS.liked('some project','l1')
si se refiere al hash destorage.js