JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form" name="form" method="post">
	<a href="#" onclick="AgregarCampos();">Agregar Nota</a>
	<div id="campos"></div>
	</form>

JavaScript

var nextinput = 0;
		function AgregarCampos(){
			nextinput++;
			campo = '<li id="idLi'+nextinput+'"><input type="number" size="20" id="nota'+nextinput+'" name="nota'+nextinput+'" step="any" onChange="multiplicar(nota'+nextinput+',pondera'+nextinput+',acumu'+nextinput+');" value=0 /> x <input type="number" size="20" id="pondera'+nextinput+'" name="pondera'+nextinput+'" step="any" onChange="multiplicar(nota'+nextinput+',pondera'+nextinput+',acumu'+nextinput+');" value=0 /> = <input type="number" size="20" id="acumu'+nextinput+'" name="acumu'+nextinput+'" step="any"/></li>';
			$("#campos").append(campo);
		}

		function multiplicar(){
			m1 = document.getElementById("nota1").value; //Dejo fijo los input y resulta.
			m2 = document.getElementById("pondera1").value; //AsĂ­ funciona... pero cuando le entrego valores variables, no
			r = m1*m2;
			document.getElementById("acumu1").value = r;
		}