JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<div data-test="questions"></div>
<hr>
<div data-test="answers"></div>
<hr>
<div data-test="ball"></div>

JavaScript

var test = {
	questions: 'Вопрос ???',
	answers_points: {
		0: { answers: '<div>Ответ 1</div>', points: 208 },
		1: { answers: '<div>Ответ 2</div>', points: 454 },
		2: { answers: '<div>Ответ 3</div>', points: 126 },
		3: { answers: '<div>Ответ 4</div>', points: 849 },
		4: { answers: '<div>Ответ 5</div>', points: 370 }
	}
};
function test_return( a ) {
    for ( var b in a ) {
		$( '[data-test="answers"]' ).append( a[b].answers );
        $( '[data-test="answers"] div' ).eq( b ).on( 'click', {
            c: a[b].points
        }, function( e ) {
			$( '[data-test="ball"]' ).html( e.data.c );
        });
    }
};
$( document ).ready( function() {
	$( '[data-test="questions"]' ).html( test.questions );
    test_return( test.answers_points );
});