Atualizada: Com base na resposta do SAM, deixem eu esclarecer o que preciso. Considerando apenas JS, quero uma variavel que guarde um texto da seguinte forma:
var x = "texto qualquer"+função(y parametros)+"mais um pouco de texto e a função citada retorna um texto"
É possível uma variável guardar um texto gerado por uma função concatenando com outros textos?
Bom dia pessoal! Estou fazendo com JS um Array e cada "célula" desse array contem um código HTML enorme. Fiz isso para que cada "radio" que eu escolha no meu HTML mudasse o conteúdo ao lado.
Mas o código de cada array está ficando muito longo e feio na tela, cansativo de fazer e de manter também. Então pensei em passar tudo para uma função, já que boa parte do código HTML se repete e apenas o que muda eu passaria como parametro para a função.
Então meu array conteria um texto + função(x parametros) e esse array seria passado para um ID do meu HTML pelo comando document.getElementById().innerHTML;
var racetrees = racetree[12];
racetree[2] =
"<table class='enh_tear'>\
<tr>\
<td rowspan='2' class='icon_enh'><img src=img/enh_tree/enh_tree_ambidexterity.jpg></td>\
<td colspan='4'><strong>Ambidexterity:</strong> You gain +1 to hit when dual-wielding or fighting unarmed.\
Tier 2: Also gaisn +1% Dodge. Tier 3: Algo gains +1 damage.</td>\
<tr>\
<td class='ap_cost'>AP Cost: 1</td>\
<td class='level'>Ranks: 3</td>\
<td class='progression'>Progression: 5</td>\
<td class='requeriments'>Requires: Two Weapon Fighting (FEAT)</td>\
</tr>\
</table>"
function racetree(index){
document.getElementById("racetreetext").innerHTML = racetree[index];
}
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Builder</title>
<link rel="stylesheet" type="text/css" href="css/layout.css">
<script type="text/javascript" src="JS/racetype.js"></script>
</head>
<body>
<section id="racetype">
<p><input type="radio" name="race" onclick="racetree(0);">Aasimar</p>
</section>
<section id="racetree">
<span id="racetreetext"></span>
</section>
</body>
</html>
Eu quero passar como parametro apenas o nome do arquivo da imagem, deixando o caminho pre-escrito na função, o nome dentro da tag "strong", o texto após essa tag em outro parametro, o "1" do AP cost, o "3" de Ranks, etc...
Como eu faria essa função, e como eu passaria um longo texto como parametro em uma função?