premier commit
This commit is contained in:
commit
30f7066256
|
@ -0,0 +1,399 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title> Max la menace
|
||||||
|
</title>
|
||||||
|
<style>
|
||||||
|
#interface {
|
||||||
|
/* flex: auto; */
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
justify-content: center;
|
||||||
|
height: 25%;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
/* flex: auto; */
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn>button {
|
||||||
|
flex-grow: 1;
|
||||||
|
width: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chiffres {
|
||||||
|
width: 135px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#symboles {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<button id="truc"> gauche à droite </button>
|
||||||
|
<button id="couleur"> le changement c'est maintenant </button><br>
|
||||||
|
<button id="jolie"> 4 5 6 / </button>
|
||||||
|
|
||||||
|
<div id="interface">
|
||||||
|
<div id="chiffres" class="btn">
|
||||||
|
<button>7</button>
|
||||||
|
<button>8</button>
|
||||||
|
<button>9</button>
|
||||||
|
<button>4</button>
|
||||||
|
<button>5</button>
|
||||||
|
<button>6</button>
|
||||||
|
<button>1</button>
|
||||||
|
<button>2</button>
|
||||||
|
<button>3</button>
|
||||||
|
<button>0</button>
|
||||||
|
<button>,</button>
|
||||||
|
</div>
|
||||||
|
<div id="symboles" class="btn">
|
||||||
|
<button class="smb" id="-">-</button>
|
||||||
|
<button class="smb" id="+">+</button>
|
||||||
|
<button class="smb" id="/">/</button>
|
||||||
|
<button class="smb" id="x">x</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<input type="text" id="oui"> <br>
|
||||||
|
<input type="text" id="nom">
|
||||||
|
<input type="text" id="memoir1">
|
||||||
|
<input type="text" id="memoir2">
|
||||||
|
|
||||||
|
<input type="reset" id="reset" value="effacer">
|
||||||
|
<input type="submit" id="valider" value="valider">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
document.body.style.backgroundColor = "cadetblue";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById("reset").addEventListener("click", reset_8)
|
||||||
|
function reset_8(ev) {
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById("nom").value = ""
|
||||||
|
|
||||||
|
document.getElementById("oui").value = ""
|
||||||
|
|
||||||
|
document.getElementById("memoir1").value = ""
|
||||||
|
|
||||||
|
document.getElementById("memoir2").value = ""
|
||||||
|
|
||||||
|
//console.log(prout.value)
|
||||||
|
// console.log(document.getElementById("oui").value)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById("truc").addEventListener("click", truc_f)
|
||||||
|
function truc_f(ev) {
|
||||||
|
|
||||||
|
let interface_element = document.getElementById("interface")
|
||||||
|
console.log(interface_element.style.flexDirection)
|
||||||
|
|
||||||
|
if (interface_element.style.flexDirection !== "row-reverse") {
|
||||||
|
interface_element.style.flexDirection = "row-reverse"
|
||||||
|
} else {
|
||||||
|
interface_element.style.flexDirection = "row"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
document.getElementById("couleur").addEventListener("click", cool)
|
||||||
|
function cool(ev) {
|
||||||
|
let chiffres_element = document.getElementById("chiffres")
|
||||||
|
let tous = chiffres_element.querySelectorAll("button")
|
||||||
|
|
||||||
|
// tous.forEach((btn) => {
|
||||||
|
// for (let i = 0; i < tous.length; i++) {
|
||||||
|
// let btn = tous[i]
|
||||||
|
// console.log(btn)
|
||||||
|
|
||||||
|
|
||||||
|
var n = 0
|
||||||
|
|
||||||
|
while (n < tous.length) {
|
||||||
|
let btn = tous[n]
|
||||||
|
|
||||||
|
// console.log(tous)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if (btn.textContent === ",") {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
// console.log(btn)
|
||||||
|
|
||||||
|
if (btn.style.backgroundColor !== "red") {
|
||||||
|
btn.style.backgroundColor = "red"
|
||||||
|
} else {
|
||||||
|
btn.style.backgroundColor = ""
|
||||||
|
|
||||||
|
}
|
||||||
|
n++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("jolie").addEventListener("click", bien)
|
||||||
|
function bien(ev) {
|
||||||
|
let chiffres_element = document.getElementById("interface")
|
||||||
|
let peu = chiffres_element.querySelectorAll("button")
|
||||||
|
|
||||||
|
// tous.forEach((btn) => {
|
||||||
|
// for (let i = 0; i < tous.length; i++) {
|
||||||
|
// let btn = tous[i]
|
||||||
|
// console.log(btn)
|
||||||
|
|
||||||
|
|
||||||
|
var n = 0
|
||||||
|
|
||||||
|
while (n < peu.length) {
|
||||||
|
let btn = peu[n]
|
||||||
|
|
||||||
|
// console.log(tous)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
if (btn.textContent === "4" || btn.textContent === "5" || btn.textContent === "6" || btn.textContent === "/") {
|
||||||
|
|
||||||
|
if (btn.style.backgroundColor === "blue") {
|
||||||
|
btn.style.backgroundColor = ""
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
btn.style.backgroundColor = "blue"
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
console.log(btn)
|
||||||
|
n++;
|
||||||
|
continue
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
n++;
|
||||||
|
}
|
||||||
|
|
||||||
|
document.querySelectorAll("#interface button").forEach((el) => { el.addEventListener("click", tot) })
|
||||||
|
function tot(ev) {
|
||||||
|
// console.log(ev.target.textContent)
|
||||||
|
let val = ev.target.textContent
|
||||||
|
document.getElementById("oui").value += val
|
||||||
|
console.log(ev.target)
|
||||||
|
|
||||||
|
if (ev.target.classList.contains("smb")) {
|
||||||
|
if (val === "x") {
|
||||||
|
val = "*"
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
document.getElementById("memoir2").value = val
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
document.getElementById("valider").addEventListener("click", valider_f);
|
||||||
|
// console.log(document.getElementById("nom"))
|
||||||
|
// console.log(document)
|
||||||
|
function valider_f(ev) {
|
||||||
|
var element_oui = document.getElementById("oui")
|
||||||
|
//console.log(ev)
|
||||||
|
let val = element_oui.value
|
||||||
|
console.log(val)
|
||||||
|
|
||||||
|
if (val === "") {
|
||||||
|
console.log("met un truc !")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let make_number = (l) => {
|
||||||
|
let prems = ""
|
||||||
|
for (const e of l) {
|
||||||
|
prems += e
|
||||||
|
}
|
||||||
|
|
||||||
|
return parseFloat(prems)
|
||||||
|
}
|
||||||
|
|
||||||
|
let memoire_premier_chiffre = []
|
||||||
|
let chiffre_num = []
|
||||||
|
let symb = []
|
||||||
|
|
||||||
|
|
||||||
|
// analise caractere pour en faire 2 listes list chiffre_num & sym
|
||||||
|
for (let i = 0; i < val.length; i++) {
|
||||||
|
let c = val[i]
|
||||||
|
// console.log(c)
|
||||||
|
// console.log(memoire_premier_chiffre)
|
||||||
|
|
||||||
|
if (c === "-" || c === "+" || c === "x" || c === "/") {
|
||||||
|
if (i === 0) {
|
||||||
|
if (c === "x" || c === "/") {
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
memoire_premier_chiffre.push(c)
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
chiffre_num.push(make_number(memoire_premier_chiffre))
|
||||||
|
// console.log(chiffre_num)
|
||||||
|
|
||||||
|
symb.push(c)
|
||||||
|
|
||||||
|
memoire_premier_chiffre = []
|
||||||
|
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
if (c === ",") {
|
||||||
|
c = "."
|
||||||
|
}
|
||||||
|
|
||||||
|
memoire_premier_chiffre.push(c)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 2+3/4-7*9 2/3-4*7+9
|
||||||
|
|
||||||
|
chiffre_num.push(make_number(memoire_premier_chiffre))
|
||||||
|
|
||||||
|
// console.log(chiffre_num)
|
||||||
|
// console.log(symb)
|
||||||
|
|
||||||
|
for (let i = 0; i < symb.length; i++) {
|
||||||
|
let s = symb[i]
|
||||||
|
if (s === "x" || s === "/") {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
let symbb_2 = []
|
||||||
|
let chiffre_num_2 = []
|
||||||
|
let previous = chiffre_num[0]
|
||||||
|
for (let i = 0; i < symb.length; i++) {
|
||||||
|
const s = symb[i]
|
||||||
|
const n = chiffre_num[i + 1]
|
||||||
|
|
||||||
|
if (s === "x") {
|
||||||
|
console.log(previous, s, n)
|
||||||
|
previous = previous * n
|
||||||
|
} else if (s === "/") {
|
||||||
|
console.log(previous, s, n)
|
||||||
|
previous = previous / n
|
||||||
|
} else {
|
||||||
|
if (i === symb.length) {
|
||||||
|
console.log("n", n)
|
||||||
|
chiffre_num_2.push(n)
|
||||||
|
break
|
||||||
|
} else {
|
||||||
|
console.log("val prev2", previous)
|
||||||
|
chiffre_num_2.push(previous)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (i === 0) {
|
||||||
|
console.log("toto2", previous)
|
||||||
|
chiffre_num_2.push(previous)
|
||||||
|
} else {
|
||||||
|
console.log(symb[i + 1] === "-", symb[i + 1] === "+", symb[i + 1])
|
||||||
|
if (symb[i + 1] === "-" || symb[i + 1] === "+")
|
||||||
|
console.log("valeur si +&-", n)
|
||||||
|
chiffre_num_2.push(n)
|
||||||
|
}
|
||||||
|
previous = n
|
||||||
|
symbb_2.push(s)
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
console.log("val previous", previous)
|
||||||
|
chiffre_num_2.push(previous)
|
||||||
|
|
||||||
|
// console.log(previous)
|
||||||
|
}
|
||||||
|
console.log(chiffre_num_2)
|
||||||
|
console.log(symbb_2)
|
||||||
|
|
||||||
|
|
||||||
|
previous = chiffre_num_2[0]
|
||||||
|
for (let i = 0; i < symbb_2.length; i++) {
|
||||||
|
const s = symbb_2[i]
|
||||||
|
const n = chiffre_num_2[i + 1]
|
||||||
|
|
||||||
|
|
||||||
|
for (let i = 0; i < symbb_2.length; i++) {
|
||||||
|
const s = symbb_2[i]
|
||||||
|
const n = chiffre_num_2[i + 1]
|
||||||
|
|
||||||
|
if (s === "+") {
|
||||||
|
console.log(previous, s)
|
||||||
|
previous = previous + n
|
||||||
|
} else if (s === "-") {
|
||||||
|
console.log(previous, s, n)
|
||||||
|
previous = previous - n
|
||||||
|
}
|
||||||
|
}
|
||||||
|
console.log(previous)
|
||||||
|
|
||||||
|
// info : les mult &div sont fonctionnels, les prios aussi. Mais la liste ne
|
||||||
|
// prend pas en compte la derniere valeur de la liste !
|
||||||
|
|
||||||
|
|
||||||
|
// let val_int = parseFloat(val)
|
||||||
|
// console.log(val_int)
|
||||||
|
|
||||||
|
// element_oui.value = ""
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// document.getElementById("memoir1").value = val_int
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Lexou doit me parler de "GIT" -->
|
|
@ -0,0 +1,218 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title> max desxieme du nom
|
||||||
|
</title>
|
||||||
|
<style>
|
||||||
|
.bouton-c {
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bouton-m {
|
||||||
|
width: 45px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
A casser
|
||||||
|
<div>
|
||||||
|
<button id="7" class="bouton-c">7</button>
|
||||||
|
<button id="8" class="bouton-c">8</button>
|
||||||
|
<button id="9" class="bouton-c">9</button>
|
||||||
|
<button id="-" class="bouton-m">-</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button id="4" class="bouton-c">4</button>
|
||||||
|
<button id="5" class="bouton-c">5</button>
|
||||||
|
<button id="6" class="bouton-c">6</button>
|
||||||
|
<button id="+" class="bouton-m">+</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button id="1" class="bouton-c">1</button>
|
||||||
|
<button id="2" class="bouton-c">2</button>
|
||||||
|
<button id="3" class="bouton-c">3</button>
|
||||||
|
<button id="x" class="bouton-m">x</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="bouton-c"></button>
|
||||||
|
<button id="0" class="bouton-c">0</button>
|
||||||
|
<button id="," class="bouton-c">,</button>
|
||||||
|
<button id="/" class="bouton-m">/</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<input type="text" id="oui"> <br>
|
||||||
|
<input type="text" id="nom">
|
||||||
|
|
||||||
|
<input type="reset" id="reset" value="reset">
|
||||||
|
<input type="submit" id="valider" value="valider">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
document.getElementById("7").addEventListener("click", nombre_7)
|
||||||
|
function nombre_7(ev) {
|
||||||
|
let nomb7 = document.getElementById("oui")
|
||||||
|
nomb7.value += "7"
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("8").addEventListener("click", nombre_8)
|
||||||
|
function nombre_8(ev) {
|
||||||
|
let nomb8 = document.getElementById("oui")
|
||||||
|
nomb8.value += "8"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("9").addEventListener("click", nombre_9)
|
||||||
|
function nombre_9(ev) {
|
||||||
|
let nomb9 = document.getElementById("oui")
|
||||||
|
nomb9.value += "9"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("4").addEventListener("click", nombre_4)
|
||||||
|
function nombre_4(ev) {
|
||||||
|
let nomb4 = document.getElementById("oui")
|
||||||
|
nomb4.value += "4"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("5").addEventListener("click", nombre_5)
|
||||||
|
function nombre_5(ev) {
|
||||||
|
let nomb5 = document.getElementById("oui")
|
||||||
|
nomb5.value += "5"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("6").addEventListener("click", nombre_6)
|
||||||
|
function nombre_6(ev) {
|
||||||
|
let nomb6 = document.getElementById("oui")
|
||||||
|
nomb6.value += "6"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("1").addEventListener("click", nombre_1)
|
||||||
|
function nombre_1(ev) {
|
||||||
|
let nomb1 = document.getElementById("oui")
|
||||||
|
nomb1.value += "1"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("2").addEventListener("click", nombre_2)
|
||||||
|
function nombre_2(ev) {
|
||||||
|
let nomb2 = document.getElementById("oui")
|
||||||
|
nomb2.value += "2"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("3").addEventListener("click", nombre_3)
|
||||||
|
function nombre_3(ev) {
|
||||||
|
let nomb3 = document.getElementById("oui")
|
||||||
|
nomb3.value += "3"
|
||||||
|
|
||||||
|
}
|
||||||
|
document.getElementById("0").addEventListener("click", nombre_0)
|
||||||
|
function nombre_0(ev) {
|
||||||
|
let nomb0 = document.getElementById("oui")
|
||||||
|
nomb0.value += "0"
|
||||||
|
|
||||||
|
}
|
||||||
|
document.getElementById(",").addEventListener("click", nombre_vigule)
|
||||||
|
function nombre_vigule(ev) {
|
||||||
|
let nombvirg = document.getElementById("oui")
|
||||||
|
nombvirg.value += ","
|
||||||
|
}
|
||||||
|
// les symboles
|
||||||
|
|
||||||
|
document.getElementById("-").addEventListener("click", symbole_min)
|
||||||
|
function symbole_min(ev) {
|
||||||
|
let symbmin = document.getElementById("oui")
|
||||||
|
symbmin.value += "-"
|
||||||
|
|
||||||
|
}
|
||||||
|
document.getElementById("+").addEventListener("click", symbole_plus)
|
||||||
|
function symbole_plus(ev) {
|
||||||
|
let symbpl = document.getElementById("oui")
|
||||||
|
symbpl.value += "+"
|
||||||
|
|
||||||
|
}
|
||||||
|
document.getElementById("x").addEventListener("click", symbole_x)
|
||||||
|
function symbole_x(ev) {
|
||||||
|
let symbx = document.getElementById("oui")
|
||||||
|
symbx.value += "x"
|
||||||
|
}
|
||||||
|
document.getElementById("/").addEventListener("click", symbole_div)
|
||||||
|
function symbole_div(ev) {
|
||||||
|
let symbdiv = document.getElementById("oui")
|
||||||
|
symbdiv.value += "/"
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById("valider").addEventListener("click", valider_f);
|
||||||
|
// console.log(document.getElementById("nom"))
|
||||||
|
// console.log(document)
|
||||||
|
function valider_f(ev) {
|
||||||
|
var element_oui = document.getElementById("oui")
|
||||||
|
//console.log(ev)
|
||||||
|
let val = element_oui.value
|
||||||
|
console.log(val)
|
||||||
|
if (val === "") {
|
||||||
|
console.log("met un truc !")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
element_oui
|
||||||
|
|
||||||
|
// document.getElementById("oui")
|
||||||
|
// new Number(valeur);
|
||||||
|
// var a = ("0,1,2,3,4,5,6,7,8,9")
|
||||||
|
|
||||||
|
// var b = ()
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// ici je pense que je devrais mettre mes fonctions de calcul puisque ce sera rattacher a l'action de valide
|
||||||
|
// faire une operation destructive
|
||||||
|
// faire des valeures numérique
|
||||||
|
// faire les multiplication et division avec en faire une val
|
||||||
|
// faire les addition et soustraction avec une autre val
|
||||||
|
// faire une variable resultat final ?
|
||||||
|
// 5+8*2
|
||||||
|
// faire 2 fichier temporaire au cas ou il y a plusieur multi
|
||||||
|
// je pense faire regarder la totaliter et faire calculer les multiplication & division, et ensuite faire addition/soustration.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById("reset").addEventListener("click", reset_8)
|
||||||
|
function reset_8(ev) {
|
||||||
|
let prout = document.getElementById("nom")
|
||||||
|
prout.value = ""
|
||||||
|
|
||||||
|
let val = document.getElementById("oui")
|
||||||
|
val.value = ""
|
||||||
|
//console.log(prout.value)
|
||||||
|
// console.log(document.getElementById("oui").value)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
|
@ -0,0 +1,254 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title> max premier du nom
|
||||||
|
</title>
|
||||||
|
<style>
|
||||||
|
.bouton-c {
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bouton-m {
|
||||||
|
width: 45px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div>
|
||||||
|
<button id="7" class="bouton-c">7</button>
|
||||||
|
<button id="8" class="bouton-c">8</button>
|
||||||
|
<button id="9" class="bouton-c">9</button>
|
||||||
|
<button id="-" class="bouton-m">-</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button id="4" class="bouton-c">4</button>
|
||||||
|
<button id="5" class="bouton-c">5</button>
|
||||||
|
<button id="6" class="bouton-c">6</button>
|
||||||
|
<button id="+" class="bouton-m">+</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button id="1" class="bouton-c">1</button>
|
||||||
|
<button id="2" class="bouton-c">2</button>
|
||||||
|
<button id="3" class="bouton-c">3</button>
|
||||||
|
<button id="x" class="bouton-m">x</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="bouton-c"></button>
|
||||||
|
<button id="0" class="bouton-c">0</button>
|
||||||
|
<button id="," class="bouton-c">,</button>
|
||||||
|
<button id="/" class="bouton-m">/</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<input type="text" id="oui"> <br>
|
||||||
|
<input type="text" id="nom">
|
||||||
|
<input type="text" id="memoir1">
|
||||||
|
<input type="text" id="memoir2">
|
||||||
|
|
||||||
|
<input type="reset" id="reset" value="reset">
|
||||||
|
<input type="submit" id="valider" value="valider">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
document.getElementById("7").addEventListener("click", nombre_7)
|
||||||
|
function nombre_7(ev) {
|
||||||
|
let nomb7 = document.getElementById("oui")
|
||||||
|
nomb7.value += "7"
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("8").addEventListener("click", nombre_8)
|
||||||
|
function nombre_8(ev) {
|
||||||
|
let nomb8 = document.getElementById("oui")
|
||||||
|
nomb8.value += "8"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("9").addEventListener("click", nombre_9)
|
||||||
|
function nombre_9(ev) {
|
||||||
|
let nomb9 = document.getElementById("oui")
|
||||||
|
nomb9.value += "9"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("4").addEventListener("click", nombre_4)
|
||||||
|
function nombre_4(ev) {
|
||||||
|
let nomb4 = document.getElementById("oui")
|
||||||
|
nomb4.value += "4"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("5").addEventListener("click", nombre_5)
|
||||||
|
function nombre_5(ev) {
|
||||||
|
let nomb5 = document.getElementById("oui")
|
||||||
|
nomb5.value += "5"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("6").addEventListener("click", nombre_6)
|
||||||
|
function nombre_6(ev) {
|
||||||
|
let nomb6 = document.getElementById("oui")
|
||||||
|
nomb6.value += "6"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("1").addEventListener("click", nombre_1)
|
||||||
|
function nombre_1(ev) {
|
||||||
|
let nomb1 = document.getElementById("oui")
|
||||||
|
nomb1.value += "1"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("2").addEventListener("click", nombre_2)
|
||||||
|
function nombre_2(ev) {
|
||||||
|
let nomb2 = document.getElementById("oui")
|
||||||
|
nomb2.value += "2"
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById("3").addEventListener("click", nombre_3)
|
||||||
|
function nombre_3(ev) {
|
||||||
|
let nomb3 = document.getElementById("oui")
|
||||||
|
nomb3.value += "3"
|
||||||
|
|
||||||
|
}
|
||||||
|
document.getElementById("0").addEventListener("click", nombre_0)
|
||||||
|
function nombre_0(ev) {
|
||||||
|
let nomb0 = document.getElementById("oui")
|
||||||
|
nomb0.value += "0"
|
||||||
|
|
||||||
|
}
|
||||||
|
document.getElementById(",").addEventListener("click", nombre_vigule)
|
||||||
|
function nombre_vigule(ev) {
|
||||||
|
let nombvirg = document.getElementById("oui")
|
||||||
|
nombvirg.value += "."
|
||||||
|
}
|
||||||
|
// les symboles
|
||||||
|
|
||||||
|
document.getElementById("-").addEventListener("click", symbole_min)
|
||||||
|
function symbole_min(ev) {
|
||||||
|
let symbmin = document.getElementById("memoir2")
|
||||||
|
symbmin.value = "-"
|
||||||
|
valider_f()
|
||||||
|
}
|
||||||
|
document.getElementById("+").addEventListener("click", symbole_plus)
|
||||||
|
function symbole_plus(ev) {
|
||||||
|
let symbpl = document.getElementById("memoir2")
|
||||||
|
symbpl.value = "+"
|
||||||
|
valider_f()
|
||||||
|
}
|
||||||
|
document.getElementById("x").addEventListener("click", symbole_x)
|
||||||
|
function symbole_x(ev) {
|
||||||
|
let symbx = document.getElementById("memoir2")
|
||||||
|
symbx.value = "x"
|
||||||
|
valider_f()
|
||||||
|
}
|
||||||
|
document.getElementById("/").addEventListener("click", symbole_div)
|
||||||
|
function symbole_div(ev) {
|
||||||
|
let symbdiv = document.getElementById("memoir2")
|
||||||
|
symbdiv.value = "/"
|
||||||
|
valider_f()
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById("valider").addEventListener("click", valider_f);
|
||||||
|
// console.log(document.getElementById("nom"))
|
||||||
|
// console.log(document)
|
||||||
|
function valider_f(ev) {
|
||||||
|
var element_oui = document.getElementById("oui")
|
||||||
|
//console.log(ev)
|
||||||
|
let val = element_oui.value
|
||||||
|
console.log(val)
|
||||||
|
if (val === "") {
|
||||||
|
console.log("met un truc !")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let val_int = parseFloat(val)
|
||||||
|
console.log(val_int)
|
||||||
|
|
||||||
|
element_oui.value = ""
|
||||||
|
|
||||||
|
let en_mem = document.getElementById("memoir1").value
|
||||||
|
if (en_mem !== "") {
|
||||||
|
let final = 0;
|
||||||
|
let en_mem_int = parseFloat(en_mem)
|
||||||
|
let mem_symb = document.getElementById("memoir2").value
|
||||||
|
|
||||||
|
if (mem_symb === "/") {
|
||||||
|
final = val_int / en_mem_int
|
||||||
|
} else if (mem_symb === "x") {
|
||||||
|
final = val_int * en_mem_int
|
||||||
|
} else if (mem_symb === "-") {
|
||||||
|
final = val_int - en_mem_int
|
||||||
|
} else if (mem_symb === "+") {
|
||||||
|
final = val_int + en_mem_int
|
||||||
|
}
|
||||||
|
|
||||||
|
element_oui.value = final
|
||||||
|
|
||||||
|
//document.getElementById("memoir1").value = final
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById("memoir1").value = val_int
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//s'assurer que c'est des valeur numerique
|
||||||
|
|
||||||
|
|
||||||
|
//do...while
|
||||||
|
//Document.querySelectorAll()
|
||||||
|
// Document.querySelector()
|
||||||
|
// ici je pense que je devrais mettre mes fonctions de calcul puisque ce sera rattacher a l'action de valide
|
||||||
|
// faire une operation destructive
|
||||||
|
// faire des valeures numérique
|
||||||
|
// faire les multiplication et division avec en faire une val
|
||||||
|
// faire les addition et soustraction avec une autre val
|
||||||
|
// faire une variable resultat final ?
|
||||||
|
// 5+8*2
|
||||||
|
// faire 2 fichier temporaire au cas ou il y a plusieur multi
|
||||||
|
// je pense faire regarder la totaliter et faire calculer les multiplication & division, et ensuite faire addition/soustration.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById("reset").addEventListener("click", reset_8)
|
||||||
|
function reset_8(ev) {
|
||||||
|
|
||||||
|
|
||||||
|
document.getElementById("nom").value = ""
|
||||||
|
|
||||||
|
document.getElementById("oui").value = ""
|
||||||
|
|
||||||
|
document.getElementById("memoir1").value = ""
|
||||||
|
|
||||||
|
document.getElementById("memoir2").value = ""
|
||||||
|
|
||||||
|
//console.log(prout.value)
|
||||||
|
// console.log(document.getElementById("oui").value)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
|
@ -0,0 +1,204 @@
|
||||||
|
class Livre {
|
||||||
|
Titre: string
|
||||||
|
Date: Time
|
||||||
|
Nb_pages: uint
|
||||||
|
|
||||||
|
constr = func (titre: string, nb: uint) Livre {
|
||||||
|
ret = {
|
||||||
|
Titre: titre,
|
||||||
|
Date: time.Now(),
|
||||||
|
Nb_pages: nb,
|
||||||
|
}
|
||||||
|
|
||||||
|
return ret
|
||||||
|
}
|
||||||
|
|
||||||
|
func joli_titre():string {
|
||||||
|
return "Voici le " + this.Titre +" fabulueux qui fait: " + this.Nb_pages.as_string()
|
||||||
|
}
|
||||||
|
func mix(autre: Livre){
|
||||||
|
this.Nb_pages = this.Nb_pages + autre.Nb_pages
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
lg = new Livre("1er", 1010)
|
||||||
|
lg2 = new Livre("2er", 10)
|
||||||
|
|
||||||
|
list = [lg, lg2]
|
||||||
|
|
||||||
|
lg.Date = "20-12-1995"
|
||||||
|
|
||||||
|
log(lg.joli_titre())
|
||||||
|
|
||||||
|
log(list)
|
||||||
|
// [Livre, Livre]
|
||||||
|
num_1 = list[0]
|
||||||
|
log(num_1)
|
||||||
|
// {"1er", "20-12-1995", 1010}
|
||||||
|
|
||||||
|
num_1.mix(list[1])
|
||||||
|
// lg.mix(lg2)
|
||||||
|
|
||||||
|
log(lg.Nb_pages)
|
||||||
|
//
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// nouveau test goo !!
|
||||||
|
|
||||||
|
package main
|
||||||
|
|
||||||
|
import (
|
||||||
|
"fmt"
|
||||||
|
)
|
||||||
|
|
||||||
|
type TestObject struct {
|
||||||
|
Numbers []int
|
||||||
|
Symbols []string
|
||||||
|
Res int
|
||||||
|
}
|
||||||
|
|
||||||
|
func Handle_multiplications(symbols []string, numbers []int) int {
|
||||||
|
ret := 0
|
||||||
|
|
||||||
|
for i, s := range symbols {
|
||||||
|
n1 := numbers[i]
|
||||||
|
n2 := numbers[i+1]
|
||||||
|
if s == "*" {
|
||||||
|
ret = n1 * n2
|
||||||
|
} else {
|
||||||
|
ret = n1 / n2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return ret
|
||||||
|
}
|
||||||
|
|
||||||
|
func Calculate1(symbols []string, numbers []int) int {
|
||||||
|
next_iter_symb_list := []string{}
|
||||||
|
next_iter_numbers_list := []int{}
|
||||||
|
|
||||||
|
fmt.Printf("init %v %v\n", symbols, numbers)
|
||||||
|
|
||||||
|
for i := 0; i < len(symbols); i++ {
|
||||||
|
s := symbols[i]
|
||||||
|
|
||||||
|
// }
|
||||||
|
// for i, s := range symbols {
|
||||||
|
n1 := numbers[i]
|
||||||
|
n2 := numbers[i+1]
|
||||||
|
|
||||||
|
if s == "-" || s == "+" {
|
||||||
|
next_iter_numbers_list = append(next_iter_numbers_list, n1)
|
||||||
|
next_iter_symb_list = append(next_iter_symb_list, s)
|
||||||
|
// fmt.Println("will add n SUM", n1)
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
|
||||||
|
newN := 0
|
||||||
|
if s == "*" {
|
||||||
|
newN = n1 * n2
|
||||||
|
} else if s == "/" {
|
||||||
|
newN = n1 / n2
|
||||||
|
}
|
||||||
|
|
||||||
|
j := i
|
||||||
|
for {
|
||||||
|
if j == len(symbols) {
|
||||||
|
next_iter_numbers_list = append(next_iter_numbers_list, newN)
|
||||||
|
break
|
||||||
|
}
|
||||||
|
|
||||||
|
if symbols[j+1] == "-" || symbols[j+1] == "+" {
|
||||||
|
i = j
|
||||||
|
next_iter_numbers_list = append(next_iter_numbers_list, newN)
|
||||||
|
break
|
||||||
|
} else {
|
||||||
|
n2 := numbers[j+1]
|
||||||
|
if symbols[j+1] == "/" {
|
||||||
|
newN = newN / n2
|
||||||
|
} else {
|
||||||
|
newN = newN * n2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
j += 1
|
||||||
|
}
|
||||||
|
|
||||||
|
// fmt.Println("new v:", newN)
|
||||||
|
|
||||||
|
// if i == len(symbols)-1 || symbols[i+1] == "+" || symbols[i+1] == "-" {
|
||||||
|
// if i == len(symbols)-1 {
|
||||||
|
// // fmt.Println("1st loop last")
|
||||||
|
// }
|
||||||
|
// // fmt.Println("will add n or Next LAST or SUM", newN)
|
||||||
|
// next_iter_numbers_list = append(next_iter_numbers_list, newN)
|
||||||
|
// } else {
|
||||||
|
// numbers[i+1] = newN
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
|
||||||
|
fmt.Printf("inter %v %v\n", next_iter_symb_list, next_iter_numbers_list)
|
||||||
|
|
||||||
|
res := 0
|
||||||
|
for i, s := range next_iter_symb_list {
|
||||||
|
n1 := next_iter_numbers_list[i]
|
||||||
|
n2 := next_iter_numbers_list[i+1]
|
||||||
|
|
||||||
|
if s == "-" {
|
||||||
|
res = n1 - n2
|
||||||
|
} else if s == "+" {
|
||||||
|
res = n1 + n2
|
||||||
|
}
|
||||||
|
|
||||||
|
// fmt.Println("1", res)
|
||||||
|
|
||||||
|
next_iter_numbers_list[i+1] = res
|
||||||
|
}
|
||||||
|
|
||||||
|
return res
|
||||||
|
}
|
||||||
|
|
||||||
|
// func Calculate(symbols []string, numbers []int) int {
|
||||||
|
// res := 0
|
||||||
|
|
||||||
|
// nxt_symb := []string{}
|
||||||
|
// nxt_numb := []int{}
|
||||||
|
|
||||||
|
// for i := 0; i < len(symbols); i++ {
|
||||||
|
// s := symbols[i]
|
||||||
|
// n1 := numbers[i]
|
||||||
|
// n2 := numbers[i+1]
|
||||||
|
|
||||||
|
// if s == "" {
|
||||||
|
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// return res
|
||||||
|
// }
|
||||||
|
|
||||||
|
// TestCalculate calls greetings.Hello with a name, checking
|
||||||
|
// for a valid return value.
|
||||||
|
func TestCalculate() {
|
||||||
|
tests := []*TestObject{
|
||||||
|
{Numbers: []int{-4, 14, 2, 5}, Symbols: []string{"-", "+", "*"}, Res: -8}, // -4-14+2*5
|
||||||
|
{Numbers: []int{4, 4, 2, 2}, Symbols: []string{"*", "+", "/"}, Res: 17}, // 4*4+2/2
|
||||||
|
{Numbers: []int{2, 5, 2, 5}, Symbols: []string{"*", "*", "-"}, Res: 15}, // 2*5*2-5
|
||||||
|
{Numbers: []int{-4, 14, 2}, Symbols: []string{"-", "+"}, Res: -16}, // -4-14+2
|
||||||
|
}
|
||||||
|
|
||||||
|
for _, test := range tests {
|
||||||
|
res := Calculate1(test.Symbols, test.Numbers)
|
||||||
|
if test.Res != res {
|
||||||
|
fmt.Println("FAILED: the expected result was supposed to be", test.Res, "but we got", res, test.Numbers)
|
||||||
|
} else {
|
||||||
|
fmt.Println("GOOD:", res, test.Numbers)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func main() {
|
||||||
|
TestCalculate()
|
||||||
|
}
|
Loading…
Reference in New Issue