JavaScript

@ model IEnumerable<WebAppV2.Models.CalendarEvent>

<script>

    document.addEventListener('DOMContentLoaded', function () {
        var calendarEl = document.getElementById('calendar');

      var json = @ Html.Raw(Json.Serialize(@ Model));

        var calendar = new FullCalendar.Calendar(calendarEl, {
            initialDate: '2021-01-01',
            editable: false,
            selectable: false,
            businessHours: true,
            dayMaxEvents: true,
            events: [

                {
                    title: json[0].title,
                    start: json[0].start,
                    end: json[0].end
                },

                {
                    title: json[1].title,
                    start: json[1].start,
                    end: json[1].end
                },

                {
                    title: json[2].title,
                    start: json[2].start,
                    end: json[2].end
                },

            ]
        });

        calendar.render();
    });

</script>

This project is a port of rails scaffold generate for React. You can learn more about Rail's scaffold generator here. I mainly used it for its MVC (model, view, controller) generator. It abstracted CRUD operations, form generation, form validation, list-detail presentation pages, database migrations, SQL queries through ActiveRecord, and styling all with one command.

This project leverages file templating, dynamic form generation, routing and CRUD state management to apply those concepts to React and supercharge any project by skipping lots of boilerplate setup. Create an entire app in one command.

Check out the full details of the project[[GitHub - DrewWeth/react-scaffold-generate: Scaffold generator for React projects](https://github.com/DrewWeth/react-scaffold-generate)]

const characters = [
      { name: 'Jean-Luc Picard', age: 59 },
      { name: 'Will Riker', age: 29 },
      { name: 'Deanna Troi', age: 29 }
      ];
const result = characters.map(function (item) 
{
  const nameArray = item.name.split(" ")
  return {
    first_name: nameArray[0],
    last_name: nameArray[1],
    age: item.age < 30 ? 'young' : 'old'
  }
})
console.log(result)

function Quiz(questions) {
    this.score = 0;
    this.questions = questions;
    this.questionIndex = 0;
   
}

Quiz.prototype.getQuestionIndex = function() {
    return this.questions[this.questionIndex];
}

Quiz.prototype.guess = function(answer) {
    if(this.getQuestionIndex().isCorrectAnswer(answer)) {
       
        this.score++;
    }
   
    this.questionIndex++;
}

Quiz.prototype.isEnded = function() {
    return this.questionIndex === this.questions.length;
}


function Question(text, choices, answer) {
    this.text = text;
    this.choices = choices;
    this.answer = answer;
}

Question.prototype.isCorrectAnswer = function(choice) {
    return this.answer === choice;
    
}



function populate() {
    if(quiz.isEnded()) {
        showScores();
    }
    else {
        // show question
        var element = document.getElementById("question");
        element.innerHTML = quiz.getQuestionIndex().text;

        // show options
        var choices = quiz.getQuestionIndex().choices;
        for(var i = 0; i < choices.length; i++) {
            var element = document.getElementById("choice" + i);
            element.innerHTML = choices[i];
            guess("btn" + i, choices[i]);
        }

        showProgress();
    }
};

function guess(id, guess) {
    var button = document.getElementById(id);
    button.onclick = function() {
        quiz.guess(guess);
        populate();
    }
};


function showProgress() {
    var currentQuestionNumber = quiz.questionIndex + 1;
    var element = document.getElementById("progress");
    element.innerHTML = "Question " + currentQuestionNumber + " of " + quiz.questions.length;
};

function showScores() {
    var gameOverHTML = "<h1>Result</h1>";
    gameOverHTML += "<h2 id='score'> Your scores: " + quiz.score + "</h2>";
    var element = document.getElementById("quiz");
    element.innerHTML = gameOverHTML;
};

// create questions here
var questions = [
    new Question("शरीर से पसीना सबसे अधिक कब निकलता है", ["जब तापक्रम अधिक और हवा सुख हो", "जब तापक्रम अधिक और हवा आर्द्र हो","जब तापक्रम कम और हवा आर्द्र हो", "जब तापक्रम कम और हवा सुखी हो"], "जब तापक्रम अधिक और हवा आर्द्र हो"),
    new Question("Which language is used for styling web pages?", ["HTML", "JQuery", "CSS", "XML"], "CSS"),
    new Question("Which is not a JavaScript Framework?", ["Python Script", "JQuery","Django", "NodeJS"], "Django"),
    new Question("Which is used for Connect To Database?", ["PHP", "HTML", "JS", "All"], "PHP"),
    new Question("Webdevtrick.com is about..", ["Web Design", "Graphic Design", "SEO & Development", "All"], "All")
];

// create quiz
var quiz = new Quiz(questions);

// display quiz
populate();</pre>

Wrong
function looseJsonParse(obj){
    return eval("(" + obj + ")");
}

Right
function looseJsonParse(obj){
    return Function('"use strict";return (' + obj + ')')();
}

function save(bkType, txt, id , dataType) {        

    let error = false;
    let typeVar = eval('document.step2.' + txt + '.value'); // Ref 1
    let referenceId = '';
    let refDetail = '';
    let quantity = '';

    // Whether to post msrp.phtml or not
    const fPost = true;

    if ('Q' == bkType) {

        typeVar = 'document.step2.' + id + '\$quan' + '.value';
        quantity = eval(typeVar); // Ref 2

    }
    else if ('TQ' == bkType)  {

        typeVar = 'document.step2.' + id + '\$quan' + '.value';
        quantity = eval(typeVar);
        typeVar = 'document.step2.' + id + '\$type' + '.value';
        referenceId = eval(typeVar);

        if ('quan' != data_type)  {

            var typeOptions = eval('document.step2.' + txt + '.options');
            FilterInactivePart(typeOptions);

        }

    }