# Συγκεντρώστε και εκτελέστε ένα αρχικό στοιχείο διακομιστή > Συγκεντρώστε το αξιόπιστο Total.js στοιχείο HTML, δημιουργήστε ένα παράδειγμα, επικυρώστε τα μηνύματα, επαναπροσδιορίστε το και απελευθερώστε τους πόρους του. Framework: total5 Product: Total.js 5 (total5@0.0.19) Language: el Content-SHA256: 276c98bbdcbf96cd65fc8079ca9b5776095fff84bf43b037adec5d29515c0ac8 Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: total5-installed@total5@0.0.19 Review: not-recorded Το `NEWCOMPONENT(html, [callback])` μεταγλωττίζει ένα **στοιχείο διακομιστή**, διαφορετικό από ένα jComponent του προγράμματος περιήγησης. Δέχεται πηγαίο κείμενο που περιέχει `'; var component = await NEWCOMPONENT(source); component.debugger = false; var instance = component.create(); var first = await new Promise(resolve => instance.input('input',{name:'Ann'},message => resolve(message.data))); var invalid = await new Promise(resolve => instance.input('input',{},message => resolve(message.data))); instance.reconfigure({prefix:'two:'}); var second = await new Promise(resolve => instance.input('input',{name:'Bob'},message => resolve(message.data))); instance.remove(); var rejected = false; try { await NEWCOMPONENT('no backend script'); } catch (e) { rejected = true; } $.json({first:first,invalid:invalid,second:second,remaining:component.instances.length,closed:MAIN.componentClosed,rejected:rejected}); } catch (e) { $.invalid(e); } } ```