Best JavaScript code snippet using wpt
index.js
Source:index.js
1const database = [2 {3 title: "coding",4 tasks: ["learn js", "learn css", "learn html"],5 },6 {7 title: "home",8 tasks: ["cleaning", "washing"],9 },10];11function loopDatabase() {12 var databaseText = "";13 database.forEach(function (value, index) {14 databaseText += `15 <div class="column">16 <button class="button close-column" onclick="deleteColumn(${index})">17 <i class="fas fa-times"></i>18 </button>19 <p class="title">${value.title}</p>20 ${loopTasks(value.tasks, index)}21 <div class="add-new-task-box">22 <input id="task-${index}" type="text" class="task-input" placeholder="add task" />23 <button onclick="addTask(${index})" class="button add-task button-${index}">24 <i class="fas fa-plus fas-${index}"></i>25 </button>26 </div>27 </div>28 `;29 });30 databaseText += `31 <div class="column">32 <div class="add-new-task-box">33 <input id="title" type="text" class="task-input" placeholder="add title" autofocus />34 <button onclick="addTitle()" class="button add-task">35 <i class="fas fa-plus"></i>36 </button>37 </div>38 </div>`;39 document.querySelector(".wrapper").innerHTML = databaseText;40};41loopDatabase();42function loopTasks(tasks, titleIndex) {43 var tasksText = "";44 tasks.forEach(function (value, index) {45 tasksText += `46 <div class="task-box">47 <p class="task-text">${value}</p>48 <div class="action-box">49 <button class="button edit" onclick="editTask(${titleIndex},${index})">50 <i class="fas fa-edit"></i>51 </button>52 <button class="button delete" onclick="deleteTask(${titleIndex},${index})">53 <i class="fas fa-trash-alt"></i>54 </button>55 </div>56 </div>57 `;58 });59 return tasksText;60};61function addTitle() {62 const inputTitle = document.getElementById("title").value;63 if (inputTitle != "") {64 const columnObject = {65 title: inputTitle,66 tasks: [],67 };68 database.push(columnObject);69 loopDatabase();70 };71};72function addTask(index) {73 const task = document.getElementById(`task-${index}`).value;74 if (task != "") {75 database[index].tasks.push(task);76 loopDatabase();77 };78};79function deleteColumn(index) {80 database.splice(index, 1);81 loopDatabase();82};83function deleteTask(titleIndex, taskIndex) {84 database[titleIndex].tasks.splice(taskIndex, 1);85 loopDatabase();86};87function editTask(titleIndex, taskIndex) {88 const task = database[titleIndex].tasks[taskIndex];89 document.getElementById(`task-${titleIndex}`).value = task;90 document.querySelector(`.fas-${titleIndex}`).classList.replace("fa-plus", "fa-edit");91 document.querySelector(`.button-${titleIndex}`).onclick = function(){editTaskButton(titleIndex, taskIndex); };92};93function editTaskButton(titleIndex, taskIndex) {94 const editValue = document.getElementById(`task-${titleIndex}`).value;95 database[titleIndex].tasks.splice(taskIndex, 1, editValue);96 loopDatabase();97 console.log("edit button is working");...
words.js
Source:words.js
1const animate = require('../../../utils/animate.js');2// æ¸
é¤å¾
éåå¨ç»3const clearAllWord = function(allWords){4 for (let i = 0; i < allWords.length; i++) {5 allWords[i].animate = null;6 }7 return allWords;8};9// è·åå¾
éå10const getAllWord = function (words) {11 words = (words || '').split('');12 var items = [];13 var index = -1;14 while (words.length > 0) {15 index = Math.round(Math.random() * (words.length - 1));16 items.push({17 'tip': words[index],18 'text': words[index],19 'animate': animate.word.choiceNone()20 });21 words.splice(index, 1);22 }23 return items;24}25// éç½®é项å¨ç»26const resetTitleWord = function(titleIndex, titleWords, allWords, callback){27 allWords = clearAllWord(allWords);28 for (let i = titleIndex; i < titleWords.length; i++) {29 if (titleWords[i].index > -1) {30 allWords[titleWords[i].index].text = allWords[titleWords[i].index].tip;31 allWords[titleWords[i].index].animate = animate.word.choiceIn((i - titleIndex) * 100);32 titleWords[i].text = '';33 titleWords[i].index = -1;34 titleWords[i].animate = animate.word.entryOut((i-titleIndex) * 100);35 }36 }37 titleIndex = titleIndex;38 callback && callback(titleIndex, titleWords, allWords);39};40// 设置é项41const setTitleWord = function (titleIndex, titleWords, allIndex, allWords, callback) {42 titleWords = titleWords || [];43 allWords = allWords || [];44 if (allWords[allIndex]['text'] != ''){45 for (let i = 0; i < allWords.length; i++) {46 if (allIndex == i) {47 allWords[i]['text'] = '';48 allWords[i]['animate'] = animate.word.choiceOut();49 } else {50 allWords[i]['text'] = allWords[i]['text'];51 allWords[i]['animate'] = null;52 }53 }54 titleWords[titleIndex]['text'] = allWords[allIndex].tip;55 titleWords[titleIndex]['index'] = allIndex;56 titleWords[titleIndex]['animate'] = animate.word.entryIn();57 titleIndex += 1;58 callback && callback(titleIndex, titleWords, allWords);59 }60};61// æ ¼å¼åé项62const getTitleWord = function(title) {63 var items = [];64 var titles = (title || '').split('');65 for (let i = 0; i < titles.length; i++) {66 items.push({67 'tip': titles[i],68 'text': '',69 'index': -1,70 'animate': animate.word.entryNone()71 });72 }73 return items;74};75const getTitleResult = function(titleWords){76 titleWords = titleWords || [];77 for(let i = 0; i < titleWords.length; i++){78 if (titleWords[i].tip != titleWords[i].text){79 return false;80 }81 }82 return true;83};84module.exports = {85 getAllWord: getAllWord,86 resetTitleWord: resetTitleWord,87 setTitleWord: setTitleWord,88 getTitleWord: getTitleWord,89 getTitleResult: getTitleResult...
App.js
Source:App.js
1import "./App.css";2import { BrowserRouter, Route, Switch } from "react-router-dom";3import { useEffect, useState } from "react";4import { quizzes } from "./quizzes";5import QuestionModal from "./components/QuestionModal";6import Result from "./components/Result";7function App() {8 const [totalTopics, setTotalTopics] = useState(quizzes.length);9 const [titleIndex, settitleIndex] = useState(0);10 const [title, setTitle] = useState();11 const [questionsEle, setquestionsEle] = useState();12 const [count, setCount] = useState(0);13 useEffect(() => {14 setTitle(quizzes[titleIndex].title);15 setquestionsEle(quizzes[titleIndex].questions);16 }, [titleIndex]);17 return (18 <BrowserRouter>19 <div className="App">20 <Switch>21 <Route path="/" exact>22 <header>23 <div className="questionTitle">{title}</div>24 </header>25 <QuestionModal26 questionsEle={questionsEle}27 titleIndex={titleIndex}28 settitleIndex={settitleIndex}29 count={count}30 setCount={setCount}31 />32 </Route>33 <Route path="/result">34 <Result35 count={count}36 title={title}37 questionsEle={questionsEle}38 settitleIndex={settitleIndex}39 titleIndex={titleIndex}40 totalTopics={totalTopics}41 setTotalTopics={setTotalTopics}42 />43 </Route>44 </Switch>45 </div>46 </BrowserRouter>47 );48}...
Using AI Code Generation
1var wptitleindex = require('./wptitleindex.js');2var fs = require('fs');3var xml2js = require('xml2js');4var parser = new xml2js.Parser();5var index = new wptitleindex.TitleIndex();6var data = fs.readFileSync('./enwiki-20131205-pages-articles.xml', 'utf8');7var pages = [];8var page = {};9var text = "";10var title = "";11var id = "";12var count = 0;13var start = new Date().getTime();14parser.parseString(data, function (err, result) {15 pages = result.mediawiki.page;16 for (var i = 0; i < pages.length; i++) {17 page = pages[i];18 if (page.ns == 0) {19 title = page.title[0];20 id = page.id[0];21 text = page.revision[0].text[0];22 index.add(title, id, text);23 count++;24 }25 }26 var end = new Date().getTime();27 var time = end - start;28 console.log('indexed ' + count + ' pages in ' + time + 'ms');29 console.log(index.search('computer'));30 console.log(index.search('computer science'));31 console.log(index.search('computer science university'));32 console.log(index.search('university of michigan computer science'));33 console.log(index.search('university of michigan computer science department'));34 console.log(index.search('university of michigan computer science department faculty'));35 console.log(index.search('computer science department faculty'));36 console.log(index.search('computer science department faculty university of michigan'));37 console.log(index.search('computer science department faculty university of michigan ann arbor'));38 console.log(index.search('computer science department faculty university of michigan ann arbor michigan'));39 console.log(index.search('computer science department faculty university of michigan ann arbor michigan united states'));40 console.log(index.search('computer science department faculty university of michigan ann arbor michigan united states of america'));41 console.log(index.search('computer science department faculty university of michigan ann arbor michigan united states of america united states of america'));42 console.log(index.search('computer science department faculty university of michigan ann arbor michigan united states of america united states of america united states of america'));43 console.log(index.search('computer science department faculty
Using AI Code Generation
1var wptitle = require('wptitle');2var title = "The Hitchhiker's Guide to the Galaxy";3wptitle.titleIndex(title, function(err, index) {4 if (err) {5 throw err;6 }7 console.log(index);8});
Using AI Code Generation
1var wptitle = require('wptitle');2var title = wptitle.titleIndex('The Great Gatsby', 1);3console.log(title);4var wptitle = require('wptitle');5var title = wptitle.titleIndex('The Great Gatsby', 2);6console.log(title);7var wptitle = require('wptitle');8var title = wptitle.titleIndex('The Great Gatsby', 3);9console.log(title);10var wptitle = require('wptitle');11var title = wptitle.titleIndex('The Great Gatsby', 4);12console.log(title);13var wptitle = require('wptitle');14var title = wptitle.titleIndex('The Great Gatsby', 5);15console.log(title);16var wptitle = require('wptitle');17var title = wptitle.titleIndex('The Great Gatsby', 6);18console.log(title);19var wptitle = require('wptitle');20var title = wptitle.titleIndex('The Great Gatsby', 7);21console.log(title);22var wptitle = require('wptitle');23var title = wptitle.titleIndex('The Great Gatsby', 8);24console.log(title);25var wptitle = require('wptitle');26var title = wptitle.titleIndex('The Great Gatsby', 9);27console.log(title);28var wptitle = require('wptitle');29var title = wptitle.titleIndex('The Great Gatsby', 10);30console.log(title);
Using AI Code Generation
1const wptitle = require('wptitle');2var title = wptitle.titleIndex("Hello World");3console.log(title);4const wptitle = require('wptitle');5var title = wptitle.titleIndex("Hello World", 2);6console.log(title);7const wptitle = require('wptitle');8var title = wptitle.titleIndex("Hello World", 2, "Hello");9console.log(title);10const wptitle = require('wptitle');11var title = wptitle.titleIndex("Hello World", 2, "Hello", " ");12console.log(title);13const wptitle = require('wptitle');14var title = wptitle.titleIndex("Hello World", 2, "Hello", " ", "!");15console.log(title);16const wptitle = require('wptitle');17var title = wptitle.titleIndex("Hello World", 2, "Hello", " ", "!", true);18console.log(title);19const wptitle = require('wptitle');20var title = wptitle.titleIndex("Hello World", 2, "Hello", " ", "!", false);21console.log(title);22const wptitle = require('wptitle');23var title = wptitle.titleIndex("Hello World", 2, "Hello", " ", "!", false, true);24console.log(title);
Using AI Code Generation
1var wptitleindex = require('./wptitleindex');2var index = wptitleindex("enwiki-latest-pages-articles.xml.bz2");3index.titleIndex("Aachen", function(result){4 console.log(result);5});6### `wptitleindex(path_to_xml_file)`7### `TitleIndex.titleIndex(title, callback)`8### `TitleIndex.titleFromIndex(index, callback)`9### `TitleIndex.titleOffset(title, callback)`10### `TitleIndex.titleFromOffset(index, offset, callback)`
Using AI Code Generation
1var wptitleindex = require('wptitleindex');2var wiki = "en.wikipedia.org";3var title = "United_States";4wptitleindex.titleIndex(wiki, title, function(err, index) {5 if (err) {6 console.log(err);7 } else {8 console.log(index);9 }10});
Using AI Code Generation
1var wptitleindex = require('wptitleindex');2wptitleindex.titleIndex('wikipedia', 'en', 'Mozart', function(err, data) {3 if(err) {4 console.log(err);5 } else {6 console.log(data);7 }8});9### titleIndex(project, language, title, callback)10#### callback(err, data)
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Get 100 minutes of automation test minutes FREE!!