Я работаю над тестовым проектом, чтобы изучить веб-разработку и столкнулся с проблемой, которую я не знаю, как ее решить.Как передать значения как параметры в javascript
У меня есть таблица, которая содержит 11 ячеек. 9 из ячеек имеют предопределенные значения в них, однако для двух других я хотел бы вручную установить значение через передачу значений в параметры.
Код;
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Colour Match</title>
</head>
<body>
<table width="300" border="1" id="menuitems">
<tbody>
<tr>
<td id="cell1"><div> RED</div></td>
<td id="cell2"><div> BLUE</div></td>
<td id="cell3"><div> GREEN</div></td>
</tr>
<tr>
<td id="cell5"><div> PINK</div></td>
<td id="cell6"><div> PURPLE</div></td>
<td id="cell7"><div> YELLOW</div></td>
</tr>
<tr>
<td id="cell9"><div> BLACK</div></td>
<td id="cell10"><div> BROWN</div></td>
<td id="cell11"><div> GREY</div></td>
</tr>
</tbody>
</table>
<table width="300" border="1" id="menulist">
<tbody>
<tr>
<td id="colourname"><div> colour name</div></td>
</tr>
<tr>
<td id="colour"> colour</td>
</tr>
</tbody>
</table>
</body>
</html>
Я дал идентификаторы для каждой ячейки и то, что я хотел бы сделать это, изменить значение двух нижних клеток «colourname» и «цвет» в зависимости от того, что клетка пользователь нажал, однако, я хотел бы вручную передавать значения в параметр javascript, когда я вызываю его при нажатии; Что-то вроде этого;
</script> <td id="cell1" onClick="mySetup("RED", Color:RED)"><div> RED</div></td>
У меня нет много знаний Javascript, но у меня есть некоторые знания о Java, и это примерно, как это может быть достичь в Java:
TextField someID;
Button SomeID;
Public mySetup (String colourName, Color colour) {
someID = colourName;
someID.setBackgroundColor(colour)
}
То, что я хочу сделать, это настроить функция в JavaScript, что при вызове OnClick принимает значений в качестве параметра и изменяет нижние две клетки:
Я уверен, что это не правильный способ сделать это в JS, но только, чтобы объяснить мой вопрос лучше:
Function mySetup (Var name, Color colour) {
colourName.setVar(name);
colour.setColour(colour);
}
Надеюсь, я правильно объяснил себя, если не сообщите мне, и я попытаюсь объяснить лучше.
Редакция:
colourName должен изменить текст ячейки, в то время как цвет должен изменить цвет фона ячейки.
EDITED 2
Привет, Я думаю, что мой вопрос не стало ясно, как я хотел, чтобы это было;
Параметр функции должен принимать два значения: 1 для colourName и 1 для фона.
colourName должен изменить текст ячейки colourame, а backgroundcolour должен изменить фон для цвета для ячейки цвета.
<td id="colourname"><div> colour name</div></td>
</tr>
<tr>
<td id="colour"> colour</td>
</tr>
omit type: 'Функция mySetup (имя, цвет) {' –
Привет, извините, я не совсем понимаю, что вы имеете в виду. – Henry
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions – Saba