Scribd Logo
Upload

Welcome to Scribd!

  • 11 views

    Mario Francisco Ortiza

    Uploaded by

    Lambert Machete
    The document defines a Word model and WordCollection using Backbone.js. It creates word objects for different terms and adds them to a collection. When the document loads, it displays the collection contents, showing the terms as a JSON string. It then adds and removes some terms from the collection and displays the updated contents.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Mario Francisco Ortiza

    Uploaded by

    Lambert Machete
    11 views5 pages
    The document defines a Word model and WordCollection using Backbone.js. It creates word objects for different terms and adds them to a collection. When the document loads, it displays the collection contents, showing the terms as a JSON string. It then adds and removes some terms from the collection and displays the updated contents.

    Original Description:

    Original Title

    MarioFranciscoOrtiza

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document defines a Word model and WordCollection using Backbone.js. It creates word objects for different terms and adds them to a collection. When the document loads, it displays the collection contents, showing the terms as a JSON string. It then adds and removes some terms from the collection and displays the updated contents.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    11 views5 pages

    Mario Francisco Ortiza

    Uploaded by

    Lambert Machete
    The document defines a Word model and WordCollection using Backbone.js. It creates word objects for different terms and adds them to a collection. When the document loads, it displays the collection contents, showing the terms as a JSON string. It then adds and removes some terms from the collection and displays the updated contents.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 5

    Mario Francisco M.

    Ortiza BSIT 4B- Laravel

    kuys.js

    word = Backbone.Model.extend({

    default:{

    name:"unknown"

    });

    WordCollection = Backbone.Collection.extend({

    model:word

    });

    $(document).ready(function(){

    var jopay = new word({name:"jopay", id:0});

    var mayonnaise = new word({name:"mayonnaise", id:1});

    var eraserheads = new word({name:"eraserheads", id:2});

    var hulingelbimbo = new word({name:"hulingelbimbo", id:3});

    var withasmile = new word({name:"withasmile", id:4});

    var myclass = new WordCollection([jopay, mayonnaise, eraserheads, hulingelbimbo]);

    //displayCollectionContents("Two elements: ", myclass);

    var pepe = new word({name:"meme", id:5});

    myclass.add([eraserheads, hulingelbimbo,]);

    displayCollectionContents("Five elements:", myclass);

    });

    function displayCollectionContents(string, collection){

    document.write(string +" "+JSON.stringify(collection.toJSON()));

    }
    Html

    <html>

    <head>

    <title>Pogi si Francis</title>

    </head>

    <body>

    <script src="jquery-3.6.1.min.js"></script>

    <script src="underscore-umd-min.js"></script>

    <script src="backbone-min.js"></script>

    <script src="kuys.js"></script>

    </body>

    </html>

    Outputs
    franz.js

    word = Backbone.Model.extend({

    default:{

    name:"unknown"

    });

    WordCollection = Backbone.Collection.extend({

    model:word

    });

    $(document).ready(function(){

    var jony = new word{name:"sas", id:0});

    var vicky = new word({name:"omoh", id:1});

    var lola = new word({name:"jns", id:2});

    var lola = new word({name:"gsg", id:3});

    var pepe = new word({name:"swat", id:4});

    var myclass = new WordCollection([jony, vicky, lola, pepe]);

    //displayCollectionContents("Two elements: ", myclass);

    var pepe = new word({name:"hash", id:5});

    myclass.add([pepe, lola,]);

    myclass.remove([jony, lola, pepe]);

    displayCollectionContents("\Two elements left: ", myclass);

    });

    function displayCollectionContents(string, collection){

    document.write(string +" "+JSON.stringify(collection.toJSON()));

    }
    HTML

    <html>

    <head>

    <title>Pogi si Francis</title>

    </head>

    <body>

    <script src="jquery-3.6.1.min.js"></script>

    <script src="underscore-umd-min.js"></script>

    <script src="backbone-min.js"></script>

    <script src="franz.js"></script>

    </body>

    </html>

    Outputs

    You might also like