JQuery умножение не работает для меня

Используйте click(), поскольку вы используете мышь, а не клавиши клавиатуры. Кроме того, val() относится только к элементам input и textarea. Использовать text():

$('#controls').click(function () {
    var rows_val = parseFloat($('#numRows').text()),
        columns_val = parseFloat($('#numColumns').text());
    $('#rc-product').text(rows_val * columns_val);
});

Демо-версия JS Fiddle.

Использование parseFloat() преобразует строку текста из элемента в число, которое может использоваться для математической операции (или NaN, если строка начинается с нечислового символа). Вместо этого можно использовать parseInt(), но это ограничивает вас целыми числами, тогда как parseFloat(), как следует из названия, также обрабатывает поплавки.

Чтобы обновить общее количество на странице-загрузке/готовой к документу, вы также можете использовать click() (без аргумента), чтобы вызвать событие click, которое будет ссылаться на ранее обработанный клик:

$('#controls').click(function () {
    var rows_val = parseFloat($('#numRows').text()),
        columns_val = parseFloat($('#numColumns').text());
    $('#rc-product').text(rows_val * columns_val);
});

Демо-версия JS Fiddle.

Рекомендации:

• click().
• parseFloat().
• parseInt().
• text().
• val().

Событие keyup запускается, когда вы отпускаете ключ на клавиатуре, поэтому, вероятно, это не то, что вы ищете. Чтобы вызвать функцию умножения при нажатии одной из ваших кнопок, вам нужно использовать событие click.

Кроме того, чтобы получить или установить внутреннее содержимое элемента DOM, вы должны использовать text (или html, если вы хотите также использовать HTML-теги внутри него), а не val.

$('#controls').on('click', 'input[type=button]', function() {
    var rows_val = $('#numRows').text();
    var columns_val = $('#numColumns').text();
    $('#rc-product').text(rows_val * columns_val);
});

Скрипт: http://jsfiddle.net/gwv2n/8/

Если вы хотите, чтобы ваша функция также была оценена в загрузке страницы, так что результат умножения уже будет отображаться при загрузке страницы, вы можете преобразовать ее в именованную функцию и запустить ее в событии $(document).ready.

function calculate() {
    var rows_val = $('#numRows').text();
    var columns_val = $('#numColumns').text();
    $('#rc-product').text(rows_val * columns_val);    
}

$('#controls').on('click', 'input[type=button]', calculate);
$(document).ready(calculate);

Скрипт: http://jsfiddle.net/gwv2n/12/

Хорошо, я думаю, я понимаю, в чем твоя проблема. Вы пытаетесь использовать $.val() для извлечения текста внутри div. $.val() возвращает атрибут value элемента ввода. Использование $.text() исправит это.

См. Обновленную скрипту: http://jsfiddle.net/gwv2n/10/

Вам также необходимо поместить всю вашу логику в функцию готовности документа, как показано ниже:

$(function() {
  $('#controls input[type="button"]').click(function(){
    var rows_val = $('#numRows').text();
    var columns_val = $('#numColumns').text();
    $('#rc-product').text( rows_val * columns_val);
    console.log(rows_val, columns_val);
  });
});