<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/CoderUltraSonic/[email protected]/jaxit.css">

@import url('https://cdn.jsdelivr.net/gh/CoderUltraSonic/[email protected]/jaxit.css');

<script src="https://cdn.jsdelivr.net/gh/CoderUltraSonic/[email protected]/jaxit.js">script>
<script src="https://cdn.jsdelivr.net/gh/CoderUltraSonic/[email protected]/jaxit.min.js">script>

<script type="module" src="script.js">script>

import {createJaxit} from 'https://cdn.jsdelivr.net/gh/CoderUltraSonic/[email protected]/jaxit.module.js';
import {createJaxit} from 'https://cdn.jsdelivr.net/gh/CoderUltraSonic/[email protected]/jaxit.module.min.js';

import {createJaxit} from 'https://cdn.jsdelivr.net/gh/CoderUltraSonic/[email protected]/jaxit.module.js';

//This will put the 'jax' variable as the Jaxit Object.
var jax = createJaxit();

//This will start up the Jaxit Object.
jax.init();

//If you do not want to style the console, you can default style the Jaxit Console using this method.
jax.defaultStyle();

//The first parameter is the text you want to output.
//The second parameter is the color you want it outputed it. Default is "white".
jax.print('Hello World!', '#FF0000');

/*
First parameter: The text you want to output before the scanning. It is like an incentive to give an input.

Second parameter: The color of the pre-scanning text. Default is "white".

Third parameter: The color of the text in the user scanning area. Default is "white".

Fourth parameter: Should be set as "true" if you want the input to be parsed into an integer. Should be set as "false" if you want the input to be parsed into a string. Default is "false".

Fifth parameter: The callback. What will you do with the user input.

*/
jax.scan('What is your name', "white", "white", false, function(userInput) {
  jax.print('Hello, ' + userInput + '!');
});

/*
First parameter: The function you want to do.
Second parameter: The duration you want to wait for in seconds. Accepts decimals until three decimal places.
*/
jax.delay(function() {
  jax.print('Hello World!');
}, 3);

jax.clear();

/*
First parameter: The text you want to slowprint.
Second parameter: The duration for the entire string to be printed out. This is in milliseconds and does not support decimals.
Third parameter: The color of the text. (Rainbow colors are not supported.)
Fourth parameter: Since this code is asynchronous, Jaxit has a callback to do after the message is slowprinted.
*/
jax.slowprint('Hello World', 400, "green", function() {
  jax.print('Finished the slowprint!');
});

/* 
First parameter: The name of the color that you want. Take note that the name can be whatever you want.
Second parameter: This is the color code of the color you want. You use Hex (Ex. #000000), RGB and RGBA 
(Ex. rgba(100, 100, 100, 0.7) and rgb(100, 100, 100)), or the name of the color in CSS (Ex: lightgreen)
*/
jax.customColor("myNewColor", "#94D9F3");

// Now I can access the color wherever I need in the code.

jax.colors.myNewColor;

/* First, get the Jaxit's console's class. And if you want, take out jax.defaultStyle() */

.jaxit-console {
  /* You can put whatever you want here. */
  opacity: 0.5;
}

jax.jaxconsole.style.opacity = "0.5";

jax.changeConsoleFont(newfont);
// Remember that you have to put the new font in your html file. You can use Google Fonts for this.

jax.changeConsoleColor(newcolor);
//This changes the background color of the console.

jax.changeConsoleColorGradient(arr, type, direction);
/*
First parameter: The array of colors you want to use.
Second parameter: The type of gradient; this is default to linear but also supports radial.
Third parameter: This only applies to linear gradient; the direction of the linear gradient.
*/

jax.changeConsoleSize(wantedwidth, wantedHeight, width_measurement_type, height_measure_type);
//If you don't want to change something, leave it as an empty string.

jax.changeLocation(loc);
//Changes the location of the console.
//You can do: top, bottom, left, right, or fullscreen.

{ if (res == 'y') { jax.clear(); curques = 0; correct = 0; incorrect = 0; jax.print('This is a text', jax.colors.white); jax.print(''); askQuestion(); } else { jax.print('Goodbye!', jax.colors.red); } }); } } askQuestion();">

import {createJaxit} from 'https://cdn.jsdelivr.net/gh/CoderUltraSonic/[email protected]/jaxit.module.js';

let jax = createJaxit();

jax.init();
jax.defaultStyle();
jax.changeLocation('fullscreen');
jax.customColor('myLightBlue', '#94D9F3');

questions = [
  ['What is Jaxit?', 'library'],
  ['Jaxit makes a ___ console.', 'interactive'],
  ['Who made Jaxit?', 'coderultrasonic'],
  ['Can you delay a function in Jaxit? (y/n)', 'y'],
  ['Which Jaxit version was made in May 2021?', 'v3.01.1'
]

jax.print('This is a test.', jax.colors.myLightBlue);
jax.print('');

let curques = 0;
let correct = 0;
let incorrect = 0;

function askQuestion() {
  if (curques < questions.length) {
    jax.scan(questions[curques][0], jax.colors.lightgreen, jax.colors.white, false, res => {
      if (res.toLowerCase() == questions[curques][1]) {
        jax.print('Great Job!', jax.colors.green);
        correct += 1;
      } else {
        jax.print('Aww... You missed that!', jax.colors.red);
        incorrect += 1;
      }
      curques += 1;
      askQuestion();
    });
  } else {
    jax.print(`You got ${correct} question(s) correct, and you missed ${incorrect} question(s). There was a total of ${questions.length} questions on the test.`, jax.colors.lightblue);

    jax.scan('Do you want to take the test again? (y/n)', jax.colors.lightgreen, "white", false, res => {
      if (res == 'y') {
        jax.clear();
        curques = 0;
        correct = 0;
        incorrect = 0;

        jax.print('This is a text', jax.colors.white);
        jax.print('');

        askQuestion();
      } else {
        jax.print('Goodbye!', jax.colors.red);
      }
    });
  }
}

askQuestion();