JSFiddle - React, Tailwind, and code Playground

by jude_pinto

JavaScript

Qualtrics.SurveyEngine.addOnload(function()
{
	/*Place your JavaScript here to run when the page loads*/

});

Qualtrics.SurveyEngine.addOnReady(function()
{
	//PornE Global Start Values
var Porn_E1_radius = document.getElementById("Porn_E1").clientWidth/2;
var Porn_E1_start = findCentroid(getPos1(Porn_E1), getPos2(Porn_E1));
var Porn_E1_startx=  Porn_E1_start.x2;
var Porn_E1_starty= Porn_E1_start.y2;


//FantasyE Global Start Values
var Fantasy_E1_radius = document.getElementById("Fantasy_E1").clientWidth/2;
var Fantasy_E1_start = findCentroid(getPos1(Fantasy_E1), getPos2(Fantasy_E1));
var Fantasy_E1_startx= Fantasy_E1_start.x2;
var Fantasy_E1_starty= Fantasy_E1_start.y2;

//InPersonE11E Global Start Values
var In_Person_E1_radius = document.getElementById("In_Person_E1").clientWidth/2;
var In_Person_E1_start =  findCentroid(getPos1(In_Person_E1), getPos2(In_Person_E1));
var In_Person_E1_startx= In_Person_E1_start.x2;
var In_Person_E1_starty= In_Person_E1_start.y2;




//Global Coordinate Dictionaries
var CoordinatesX_E = {
  Porn_E1: Porn_E1_startx,
  Fantasy_E1: Fantasy_E1_startx,
  In_Person_E1: In_Person_E1_startx
};


var CoordinatesY_E = {
  Porn_E1: Porn_E1_starty,
  Fantasy_E1: Fantasy_E1_starty,
  In_Person_E1: In_Person_E1_starty
};

//Global Intersection Dictionaries:

var Porn_Intersections = {Porn_Area: (Math.PI * (Porn_E1_radius * Porn_E1_radius)), Porn_Minus_Fantasy: 0, Porn_Minus_In_Person: 0, Porn_Minus_Fantasy_In_Person: 0};

var Fantasy_Intersections = {Fantasy_Area: (Math.PI * (Fantasy_E1_radius * Fantasy_E1_radius)), Fantasy_Minus_Porn: 0, Fantasy_Minus_In_Person: 0, Fantasy_Minus_Porn_In_Person: 0};

var In_Person_Intersections = {In_Person_Area: (Math.PI * (In_Person_E1_radius * In_Person_E1_radius)), In_Person_Minus_Porn: 0, In_Person_Minus_Fantasy: 0, In_Person_Minus_Porn_Fantasy: 0};


//Return true if circles are overlapping. Otherwise, return false
function ifTwoOverlap(Ax, Ay, Ar, Bx, By, Br){
 var a1, a2;
  
  var d = Math.hypot(Bx...